/***** BEGIN RESET *****/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;1,300;1,400&display=swap');




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	font-family: 'Open Sans', sans-serif;
}


/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

header a:link, header a:visited, header a:active {text-decoration:none; color:#fff;}
footer a:link, footer a:visited, footer a:active {text-decoration:none;/* color:#fff; */}
footer a:hover {text-decoration:underline; color:#fff !important;}
header a:hover {text-decoration:underline; color:#fff !important;}

header {background: #000;width:100%;height:auto;color:#fff;}
header span {padding-right:5px;}
.threecols {width:100%;max-width:33%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.threecols img, .threecols-hd img, .twocols img {display:inline-block;max-width:100%;height:auto;}
.threecols-hd {width:100%;/* max-width:33%; */display:inline-block;vertical-align:top;box-sizing:border-box;text-align: right;font-size: 14px;}

.footer-title{
	font-size: 18px;
	font-weight: 600;
}

.divider{
	height: 1px;
	background: #000;
	width: 85%;
	margin: 15px 0 10px 0;
}

.center {text-align:center;}
.grey{color: #808080;}
.logo {
    top: 35px;
    background-color: white;
    height: 120px;
    /* box-shadow: 5px 5px 10px; */
    z-index: 99999;
    width: 215px;
    left: 20px;
    padding: 1rem !important;
    border-radius: 0.25rem !important;
    position: absolute !important;
    display: inline-block !important;
    vertical-align: middle;
    border-style: none;
    height: auto;
}

.mobile-logo{
	display: none;
}

.wrapper {width:100%;max-width:75%;margin:0 auto;padding: 10px 0px;/* color: white; */font-family: 'Open Sans', sans-serif;}

.divfooter {width:450px; text-align:center; margin:0 auto;}

.phone{width: 17px; vertical-align: middle}
.location{width: 12px; vertical-align: middle}

.footer-text{
	font-weight: 600;color: #000 !important;font-size: 16px;font-family: 'Roboto Condensed';
}

footer {background: #fff;background-position:center center;max-width:100%;height:auto;border-top: 5px solid #000;border-bottom: 5px solid #000;}

footer a{font-weight: 600;color: #000 !important;font-size: 16px;font-family: 'Roboto Condensed';}

footer a:hover{color: #0461C1 !important;text-decoration: underline;}

@media screen and (max-width: 1280px) {
    .wrapper {max-width: 90%;}
}


@media screen and (max-width: 1024px) {
.wrapper {/* padding:4% 0px; */}
    .modal {z-index:800;}

}
@media screen and (max-width: 991px) {
	.mobile-logo{
		display: block;
		text-align: center;
		margin: 0 auto;
		background: #fff;
	}
	.logo{display: none !important;}

}

@media screen and (max-width: 844px) {
.wrapper {/* padding:4% 0px; */}
    .wrapper {max-width: 98%;}

}



@media screen and (max-width: 767px) {
    .threecols {max-width:50%;}
    .twocols {max-width:100%;}
    .twocols:first-of-type {padding-right:0px;}
    
    .threecols-hd {max-width:100%;/* padding-bottom:10px; */}
    .hide {display:none;}

    .grid figure {float:none;margin:0px 0px;width:100%;}
    .grid figure h2 {font-size:18px;}
    
    .column {float:left;width:50%;}

}
 
 

@media screen and (max-width: 320px){
    .threecols {max-width:100%;}
    .column {float:none;width:100%;}

}