#cover{
	width:100%;
	float:left;
	padding-top:200px;
	height:180px;
	background:url(/images/hermessuites-2026.jpg) no-repeat;
	background-position:0 -300px;
	background-size:cover;
	z-index:0;	
}
#cover h3{
	font-size:45px;
	color:#fefefe;
	letter-spacing:4px;
	text-align:center;
	margin:0;
	padding:0;
	line-height:60px;
	text-shadow:1px 1px 3px #000;		
}
#cover p{
	font-size:17px;
	color:#fefefe;
	text-align:center;
	padding:0;
	margin:0;
}
#about-us{
	width:100%;
	min-height:350px;
	margin:40px 0 20px 0;
	padding-bottom:10px;	
}
#about-us h3{
	color:#555;
}
#about-us p{
	color:#777;
	font-size:14px;	
}
#about-us .icons{
	width:100%;
	height:auto;
	margin:0;
	margin-top:40px;
	padding:40px 0 0 0;
	border-top:1px solid #dadada;
	list-style:none;	
}
#about-us .icons li{
	width: 12%;
    margin: 0 1.1%;
	padding:0;
	text-align:center;
	float:left;
}
#about-us .icons li img{
	width:42%;	
}
@media only screen and (max-width: 480px){
#cover{
	padding:120px 0 0 0;
	height:100px;
	background-position:0;	
}
#cover h3{
	font-size:135%;	
}
#cover p{
	font-size:65%;	
}
#about-us{
	width:98%;
	padding-left:1%;
	padding-right:1%;
}
#about-us h3{
	font-size:90%;	
}
#about-us p{
	font-size:60%;	
}
#about-us .icons li{
	width:95%;
	margin:2.5%;
	padding:0;
	text-align:center;
	float:left;	
}
#about-us .icons li img{
	width:42%;	
}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
#cover{
	padding:170px 0 0 0;
	height:100px;
	background-position:0;	
}
#cover h3{
	font-size:175%;	
}
#cover p{
	font-size:85%;	
}
#about-us{
	width:98%;
	padding-left:1%;
	padding-right:1%;
}
#about-us h3{
	font-size:90%;	
}
#about-us p{
	font-size:60%;	
}
#about-us .icons li{
	width:45%;
	margin:2.5%;
	padding:0;
	text-align:center;
	float:left;
	min-height:150px;	
}
#about-us .icons li img{
	width:42%;	
}
}