@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 480px) {

#container {
	max-width:96%;
	width:100%;
	margin:0 auto;
}
#container1 {
	width:100%;
	margin:0 auto;
}

#sec1 {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}
#sec2 {
	max-width:100%;
	width:100%;
	float:none;	
	margin:0 0 1em 0;	
}
#sec3 {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}
#sec4 {
	max-width:46%;
	width:100%;
	float:none;
	margin:0 1% 1em 1%;	
}

#sec5a {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}
#sec5b {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}
#sec6a {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}
#sec6b {
	max-width:100%;
	width:100%;
	float:none;
	margin:0 0 1em 0;	
}


.logo {
	max-width:100%;
	width:100%;
	height:110px;
	float:none;
	background:url(../images/logo.png) center center no-repeat;
	background-size:contain;
}
.hdr {
	max-width:100%;
	width:100%;
	float:none;
}

.centered {
  position: absolute;
  top: 50%;
  left:0%;
  transform: translate(-50%, -50%);
}
.centered h3 {
	margin-bottom:.5em; 
	padding-bottom:.5em; 
	color:#FFF; 
	background:url(../images/bdr-1.jpg) bottom center no-repeat;
}
.centered h1 {
	color:#FFF;
}
}