@font-face {
	font-family:"Montserrat Regular";
	src:url(Montserrat-Regular.ttf) format("truetype");	
}

@font-face {
	font-family:"Montserrat SemiBold";
	src:url(Montserrat-SemiBold.ttf) format("truetype");	
}

@font-face {
	font-family:"Montserrat Bold";
	src:url(Montserrat-Bold.ttf) format("truetype");	
}

@font-face {
	font-family:"Glacial Indifference";
	src:url(GlacialIndifference-Regular.otf) format("opentype");	
}

@font-face {
	font-family:"Glacial Indifference Bold";
	src:url(GlacialIndifference-Bold.otf) format("opentype");	
}

html, body { height:100%; width:100%; margin:0; padding:0; font-family:"Montserrat Regular"; font-size:16px; line-height:1.42; color:#263692; background-color:#b2b7bb;}

h1, h2 {font-family:"Montserrat Bold";}
h3, h4 {font-family:"Montserrat SemiBold";}

a {text-decoration:none; font-weight:400; color:#09F; font-family:"Montserrat SemiBold";}
a:hover {color:#900;}

#header_outer {width:100%; background:#fff;}
#menu_bar {width:100%; height:50px; background-color:#263692;}
#body_outer {width:100%; background:#fff; display:flex;}
#footer {width:100%; clear:both; margin:0; padding:0;}
#hdr_addr {font-family:"Montserrat SemiBold";}

/*Strip the ul of padding and list styling*/
nav_ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	display:flex;
	justify-content:space-between;
}

/*Create a horizontal list with spacing*/
nav_li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
nav_li a {
	display:block;
	min-width:120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
}

/*Hover state for top level links*/
nav_li:hover a {
	background: #b2b7bb;
	color:#263692;
}

/*Style for dropdown links*/
nav_li:hover nav_ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
nav_li:hover nav_ul a:hover { background: #c6d7ed; }

/*Hide dropdown links until they are needed*/
nav_li nav_ul {
	display: none;
}

/*Make dropdown links vertical*/
nav_li nav_ul nav_li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
nav_li nav_ul nav_li a {
	width: auto;
	min-width: 120px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
nav_ul nav_li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
/*input[type=nav_checkbox]{*/
#show-menu {
    display: none;
}

/*Show menu when invisible checkbox is checked*/
/* input[type=checkbox]:checked ~ #menu{ */
#show-menu:checked ~ #menu {
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 800px){
	/*Make dropdown links appear inline*/
	nav_ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav_li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav_ul nav_li, nav_li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	
	#hdr_addr {width:100%; text-align:center;}
	#logo { max-height:75px; max-width:373px; margin:auto;}
	#page_img {width:100%; height:200px; background-image:url(images/building2.jpg); background-position:center bottom; padding:0; margin:0;}
	#body_outer {width:100%; margin:0; padding:0;}
	#main_body {width:100%; margin:0; padding:0;}
}

@media screen and (min-width : 800px) and (max-width : 1000px) {
	#hdr_addr {width:100%; text-align:center;}
	/*#main_body {width:100%; margin:0; padding:0;}*/
	
	nav_ul {width:100%; margin:auto; position:relative;}
	#main_body {width:780px; margin:auto; padding-top:25px; padding-bottom:25px;}
	#logo { max-height:75px; max-width:373px; margin:auto;}
	#page_img {width:100%; height:200px; background-image:url(images/building2.jpg); background-position:center bottom; padding:0; margin:0;}
}

@media screen and (min-width : 1000px){
	
	#header_outer {height:100px;}
	#header {width:980px; height:100px; margin:auto; display:flex; align-items:center; justify-content:space-between;}
	#logo { max-height:100px; max-width:497px; float:left;}
	#hdr_addr {float:right; text-align:right;}
	
	nav_ul {width:980px; margin:auto; position:relative;}
	nav_ul nav_li nav_ul { width:auto; }
	
	#page_img {width:100%; height:250px; background-image:url(images/building2.jpg); background-position:center bottom; padding:0; margin:0;}
	
	#main_body {max-width:980px; margin:auto; padding-top:25px; padding-bottom:25px;}
	#footer {margin-top:50px;}

}

@media screen and (min-width : 1400px){

	#header {width:1380px; height:100px; margin:auto;}
	#logo { max-height:125px; max-width:621px; float:left;}
	
	nav_ul {width:1380px;}
	
	#main_body {max-width:1380px; margin:auto;}
}