@charset "utf-8";
html, body{margin:0; padding:0;  font-family: 'Roboto', sans-serif; font-weight:300; font-size:100%;}
div, h1,h2,h3{box-sizing:border-box;}
h1,h2,h3{margin:0;padding:0; font-size:100%; font-weight:normal;}
p{margin:0; padding:0; display:inline-block;}
.bolder{font-weight:500;}
#header{ position:fixed; top:0; z-index:10; width:100%; height:70px; background-color:#0086b3; color:#fff;box-sizing:border-box;  }
#header_title{position:absolute; left:50%; top:10px; width:300px;transform:translateX(-50%);font-weight:400; font-size:300%; text-align:center;}

#menu{position:fixed; width:100%; top:70px; padding:6px 0; border-bottom:solid 1px #ccc;  text-align:center; background-color:#eff4f5;}
#menu div{display:inline-block; padding:2px 10px; }
#menu div:hover:not(.sel){font-weight:400; cursor:pointer;}
.sel{font-weight:400;}

#mail_holder{float:left; margin-right:20px;width:500px; }
#framer{height:450px;  width:100%; text-align:center; overflow:hidden;}

#info_holder{float:left; min-width:400px;}

#content{ width:100%; margin-top:120px; }
#inner_content{max-width:1000px;  margin:0 auto; padding:20px 10px 10px 10px;   }

#address{ white-space:pre-line;  padding-top:5px;font-family: 'Montserrat', sans-serif; font-weight:400; max-width:1000px; }
#address p{font-weight:500;}
#address2{ white-space:pre-line; line-height:1.5;}


#mail_holder{width:500px; margin-right:20px; display:inline-block; vertical-align:top; overflow-y:auto; }
iframe#framer{width:100%; height:460px; text-align:center;  margin-top:10px}

#address_holder{display:inline-block;}
#address_header{font-size:120%;  margin-bottom:10px; margin-top:10px; }
#address_txt{ white-space:pre-line;}


#footer{ background-color:#eff4f5; width:100%; margin-top:60px; font-size:80%; font-weight:400; border-top:solid 1px #bfd3d9;}
#footer_inner{padding:20px 10px; white-space:pre-line; line-height:1.6;}
.footer_fixed{position:fixed; bottom:0;}

#footer #av{font-size:110%!important; padding:2px 10px; border:solid 1px #ccc; background-color:#f5f5f5; display:inline-block; margin:10px 0; border-radius:4px; transition:0.4s;}
#footer #av:hover{background-color:#e5e5e5; cursor:pointer;}

#footer a{color:#000; text-decoration:none;}
#footer a:hover{color:#666;}

@media only screen and (max-width: 1025px){
	#content{text-align:center;}
	#mail_holder{float:none; }
}

/*///////////////////////// IPAD Portrait and Landscape ////////////////////////////*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
#header h1{font-size:80%; padding-top:5px; }
}
  
/*//////////////////////////// Portrait ////////////////////////////////////*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  #inner_content{text-align:center;}
	  #mail_holder{float:none; margin:0;width:80%;}
	 
	  #address{text-align:center; width:100%;}
	  #address2{margin-top:20px;  padding-bottom:20px;}

}
/*//////////////////////////// Landscape //////////////////////////////*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	 
}
/*///////////////////////////////////////////////////////////////*/


/*////////////PHONES///////////////////*/

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 667px) {
	#header_title{ top:70px;  left:0;transform:none;font-weight:400;width:100%; font-size:150%; background-color:#0099cc;; text-align:center;}
	#content{text-align:center;}
	#mail_holder{float:none; margin:0;width:100%;}
#framer{height:425px; width:100%; text-align:center; overflow:hidden;}

#info_holder{float:none; min-width:100%; width:100%}
#address{text-align:center;}
#address2{margin-top:20px; }
#menu{top:99px;}
#content{ width:100%; margin-top:120px; }
#footer{padding-left:0;font-size:80%; font-weight:400;}
	#footer_inner{padding:10px; white-space:pre-line; line-height:1.6;}
}




