body { background:#f7f7f7; color:#2a2a2a;  font-size: 1.125rem;  line-height: 1.5rem; }


/* ---- HEADER --------------------------------------------------------------------------------------------------- */

	#mobileheader {margin-top:75px!important}
	#mobileheader .buttonspanel { position:fixed; top:0; z-index:100; height:75px;} 

	#mobilelogo {width:100%; height:auto; text-align:center; background:#FFF }
	#mobilelogo img {width:100%; max-width:1080px; display: block; margin:0 auto}	

	#mobilegraphic {width:100%; height:auto; text-align:center }
	#mobilegraphic img{ display:inline; width:33.3%; max-width:1080px;  margin:0 auto}
	@media screen and (orientation:landscape) {   #mobilegraphic {display:none;} }



	#mobilehighlights img{ display:block; width:25%; max-width:1080px;  margin:0 auto; float:left}

/* ---- Navigation menu ------------------------------------------------------------------------------------------- */

	.buttonspanel{padding:7px 0; text-align:center;background: #135591}
	.buttonspanel>a { text-align:center;width:20%; color:#FFF; font-size:14px; line-height:20px; padding: 10px 0;}
	.buttonspanel>a:hover {/*color:#000*/}	
	.buttonspanel>a svg {max-width:35px; max-height:35px; display:block; margin:0 auto }
	.buttonspanel>a .txt {/*display:none;*/ font-weight:bold; display:block}	


	.ddm {background: #A0968C;}
	.ddm li a,.ddm li a:hover {color: #fff;}
	.ddm li {border-bottom:1px solid white;}
	.ddm ul {background: #135591;}
	.ddm ul li a, .ddm ul li a:hover {color: #fff;}
	.ddm li ul li{border-bottom: 1px solid #fff;}
	.ddm ul ul {background: #A0968C;}

	.blog_btn {
		display: block;
		float: left;
	}

/* ---- MAIN ------------------------------------------------------------------------------------------- */

	.ismobile #main {background: #f7f7f7;}
	.ismobile #main .content {padding:30px 10px}	
	.ismobile  #main article p { text-align:left !important; margin-bottom: 1.25rem;}


	/*#main img {width:100%!important; height:auto!important}*/
	
	#main img.alignleft, #main img.alignright, #main img.picLeft, #main img.picRight {max-width:49%; height:auto}	

/* ---- bottom ----------------------------------------------------------------------------------------- */

	#mobile_bottom img {width:100%; max-width:1080px; display: block; margin:0 auto}


/* ---- Footer ------------------------------------------------------------------------------------------- */
	.ismobile footer { background: #135591;padding:20px 0}
	.ismobile footer, 	.ismobile  footer a {color:#fff; font-size:12px;}
	
	
	
/*  ********************************************* Landscape/portrait views *********************************************** */
	@media screen and (orientation:portrait) {   /* Portrait styles here */ }
	@media screen and (orientation:landscape) {   /* Landscape styles here */}
	
	
	
/*  *********************************************  GLOBALS *********************************************** */
/* Anything in style.css that looks weird in mobile, can be reset here */
/* also, any specific styling for mobile goes here, for the most part, all styling should be compatible with mobile    */

	h1,h2,h3,h4,h5,h6 {	line-height: normal;width:auto!important;text-align:left!important;	background: none;}
	h1 {font-size:26px;}
	h2 {font-size:24px;}	
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}



	.mobilefullwidth {max-width: 99%!important;}

	/* -- Makes sures long words break apart and not break out of the mobile viewport -- */
	#main article p{
		/*-ms-word-break: break-all;
		word-break: hyphenate;*/
	}


	/* --- Contact form --- */
	.ismobile #contact_form .row-fluid .span6 .field { width:100%; clear:both}
	.ismobile #contact_form .inputComment {width:87%}