:root{
	--body-font:'Roboto', sans-serif;
	--header-font: "DM Serif Text", serif;
	--color-blue:#242B40;
	--color-darkblue:#1a1935;
	--color-red:#850639;
}

body{
	background-color:#fff;
}

body, p{
	font-family: var(--body-font);
	font-size: 16px;
	color:#000;
	font-weight: 300;
} 

h1, h2, h3, h4, h5, h6{
	font-family: var(--header-font);
	color:#000;
}

a, main a{
    color: var(--color-blue);
    text-decoration: none;
	transition: all 0.3s ease;
	font-weight:300;
}

a:hover, main a:hover{
	color: var(--color-blue);
	text-decoration:none;
	font-weight:300;
}	

.fs42{
	font-size:42px;
}

.fs52{
	font-size:52px;
	font-weight: bold;
}

.navbar-toggler{
	border-color: inherit;
}

.ctaBtn{
    background-color: var(--color-blue) !important;
    color: #fff;
	font-family: var(--body-font);
	font-weight: 500;
	border-radius: 0px;
}

.ctaBtn:hover{
	background-color: var(--color-darkblue) !important;
	text-decoration: none !important;
	font-weight: 500;
}

.header, .contactInfo{
	background-color: var(--color-blue);
	color:#fff;
}

.banner{
	background-color:#000;
	background-image: url(../../img/seth-copper.jpg);
	background-size: cover;
	background-position: top;
}

.logo{
	width: 165px;
}

.list{
	background-color: var(--color-red);
}

.middleList{
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.footer{
	border-top: 2px solid #fff;
	background-color: var(--color-darkblue);
}

.contactInfo h2, .contactInfo p, .contactInfo ul li, .footer p{
	color: #fff;
}

.contactInfo a, .footer a{
	color: #fff;
	text-decoration: none;
}

.contactInfo a:hover, .footer a:hover{
	color: #fff;
	text-decoration: none; 
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.logo{
		width: 100px;
	}
	
	.fs52 {
		font-size: 36px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.banner{
		background-color:#000;
		background-image: none;
	}
	
	.list h3{
		font-size: 20px; 
	}
	
	.middleList{
		border-top:1px solid #fff;
		border-bottom:1px solid #fff; 
		border-right: none; 
		border-left: none;
	} 
}