﻿@import url('layout.main.css');

@media only screen and (max-width:985px) {
	.layout { width : 100%; }
	#navbar a span { font-size : 95%; }
}

@media only screen and (max-width:925px) {
	#navbar a span { font-size : 90%; }
}

@media only screen and (max-width:865px) {
	#masthead address { font-size : 13px !important; width : 400px !important; }
	#masthead address:first-line { font-size : 23px !important; }
	#navbar > .layout { display : block; }
	#navbar a { padding-left : 10px !important; padding-right : 10px !important; }
	#navbar a span { font-size : 80%; white-space : normal; line-height : 10px; }
}

@media only screen and (max-width:700px) {
	#masthead { height : 152px; }
	#masthead .logo { width : 200px; }
}

@media only screen and (max-width:640px) {
	#masthead { height : 142px; }
	#masthead .logo { width : 175px; }
	#masthead ul.social-media-links { margin-top : 21px; margin-bottom : 11px; }
	#masthead address { font-size : 12px !important; width : 375px !important; }
	#masthead address:first-line { font-size : 21px !important; }
}

@media only screen and (max-width:600px) {
	#masthead { height : 200px; background-size : cover; }
	#masthead .logo { width : 150px; }
	#masthead ul.social-media-links { margin-top : 40px; margin-bottom : 11px; }
	#masthead address { clear : both; float : none !important; width : 100% !important; text-align : center !important; }
	#masthead address > span:first-child { display : inline-block; font-size : inherit; font-weight : inherit; text-transform : inherit; }
}

@media only screen and (max-width:560px) {
	#masthead { height : 240px; }
	#masthead .logo { width : 200px; float : none !important; display : block; margin : 5px auto !important; }
	#masthead ul.social-media-links { float : none !important; display : block; margin : 10px auto 0px !important; text-align : center; }
	#masthead ul.social-media-links > li { margin : 0px 5px !important; }
	#masthead address > span { display : block; line-height : 17px; }
	#navbar > div.layout > ul.nav > li > a > span { vertical-align : inherit; }
}

@media only screen and (max-width:500px) {
}