/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
a, img { outline: none; border:none; color: #000; font-weight: bold;}
img { display: block; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	background-color: #000000;
	color: #FFFFFF;}	
	
p {
	font-size: 1em; 
    line-height: 1.4em; 	
 	}

 /* HomePage */
	 
#wrapper {
	width: 100%;	
    position:absolute;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;}

#wrapper img {
		width: 100%;
		}
		
#contenttop{
	width: 100%;
	text-align:center;
	margin: 0px auto 0px auto; 
	max-width: 1200px;
	content: url("HOHTop.jpg");
}

#contentbottom{
	width: 100%;
	text-align:center;
	margin: 0px auto 0px auto; 
	content: url("HOHBottom.jpg");
	background-color: #d3a84e;
}

#content img {
		width: 100%;
		}




/* Media Queries */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	
#contenttop{
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
	content: url("HOHMobileTop.jpg");
}
		
#contentbottom{
	margin: 30px auto;
	width: 100%;
	content: url("HOHMobileBottom.jpg");
	background-color: #d3a84e;

}


}