/***** BEGIN RESET *****/
@import url("https://use.typekit.net/bax2qon.css");

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;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

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

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family:'Scandia', sans-serif;
}


a{text-decoration:none;}
/*--- HEADER STYLES ---------------------*/

header{width:100%; background:#233089;}
.header{max-width:1600px; margin:0 auto; padding:0 10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: space-between;}
.logo{max-width:40px!important; width:100%; padding-top:20px;}
.logo img{width:100%;}


/*---BODY--------------------------------*/



/*-------- FOOTER STYLES ----------------*/

.blue-banner{width:100%; background:#233089;}
.blue-wrap{max-width:1600px; margin:0 auto; padding:15px 10px; box-sizing:border-box; display:flex; flex-direction:row; justify-content: space-between;}
.blue-wrap p{font-size:40px; font-weight:600; color:#fff; padding-top:18px;}
.blue-wrap a{font-size:18px; box-sizing:border-box; font-weight:600; height:85px; border:solid 1px #fff; transition:.3s ease; display:block; align-content:center; width:180px; padding:16px; border-radius:15px; background:#fff; color:#233089; text-decoration:none; text-align:center; }
.blue-wrap a:hover{background:#233089; color:#fff;}


footer{padding:80px 10px; box-sizing:border-box;}
.site-footer{max-width:1600px; padding-left:10px; margin:0 auto;  display:flex; flex-direction:row; justify-content: space-between;}
.footer-col{width:33.33%; box-sizing:border-box; padding:0 15px;}
.footer-col img{max-width:50px; width:100%;}
.footer-col p{color:#233089; font-weight:600; font-size:14px; transition:.3s ease;}
.footer-col a{color:#233089; font-weight:600;font-size:16px; transition:.3s ease;}
.footer-col a:hover{color:#000;}

.footer-col p span{color:#233089; font-weight:600;font-size:16px; transition:.3s ease;}

.foot-nav{margin-left:-7px;}
.foot-nav{display:flex; flex-direction:row; padding:15px 0; }
.foot-nav a{border-right:solid 1px #233089; padding:2px 7px; font-weight:400!important;}
.foot-nav a:last-of-type{border-right:none;}

.large{font-size:20px!important; padding-bottom:15px; font-weight:600!important;}
.small{font-size:14px!important; padding-bottom:15px;}

.locations a{display:flex; flex-direction:row;}
.locations a i{margin-right:15px; transition:.3s ease; color:#fff; font-size:18px; display:flex; align-content:center; flex-wrap:wrap; background:#233089; width:45px; height:45px; border-radius:50%; justify-content:center; margin-top:5px;}
.locations a p{align-content:center; transition:.3s ease; padding-top:5px; font-weight:700;}
.locations a p span{font-weight:400;}
.locations a:hover i{background-color:#000;}
.locations a:hover p{color:#000;}

.icon-row{display:flex; flex-direction:row;}
.icon-row a{display:flex; justify-content: center; margin:3px; align-content:center; background:#233089; width:40px; height:40px;}
.icon-row a i{color:#fff; font-size:26px; display:flex; align-content:center; flex-wrap:wrap;}
.icon-row a:hover{background:#304af0;}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1000px) {
	.site-footer{flex-wrap:wrap;}
	.footer-col{width:50%; padding:20px;}
}
@media only screen and (max-width: 800px) {	
	.blue-wrap{flex-direction:column;}
	.blue-wrap p{text-align:center;}
	.blue-wrap a{margin:5px auto;}
	.footer-col{width:100%; padding:20px 10px;}
}

@media only screen and (max-width: 550px) {	
	.blue-wrap p{font-size:35px;}
	.blue-wrap a{font-size:16px; width:160px;}
	.site-footer{flex-direction:column;}
	.footer-left, .footer-right{width:100%;}
}

@media only screen and (max-width: 380px) {
	.blue-wrap p{font-size:30px;}
	.locations a p span{word-wrap:break-word; display:inline-block; max-width:160px;}
	.foot-nav{flex-wrap:wrap;}
}