@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 700px) {

#container {
	max-width:96%;
	width:100%;
	margin:0 auto;
}
#container1 {
	width:100%;
	margin:0 auto;
}

#sec1 {
	max-width:46%;
	width:100%;
	float:left;
	margin:0 2%;	
}
#sec2 {
	max-width:46%;
	width:100%;
	float:left;
	margin:0 1%;	
}
#sec3 {
	max-width:46%;
	width:100%;
	float:left;
	margin:0 1% 1em 1%;	
}
#sec4 {
	max-width:28%;
	width:100%;
	float:left;
	margin:0 1% 1em 1%;	
}

#sec5a {
	max-width:21%;
	width:100%;
	float:left;
	margin:2em 4% 0 0;
}
#sec5b {
	max-width:75%;
	width:100%;
	float:left;
	margin:2em 0 0 0;
}
#sec6a {
	max-width:75%;
	width:100%;
	float:left;
	margin:1em 0 0 0;
}
#sec6b {
	max-width:21%;
	width:100%;
	float:left;
	margin:1em 0 0 4%;
}


.logo {
	max-width:50%;
	width:100%;
	height:90px;
	float:left;
	background:url(../images/logo.png) center center no-repeat;
	background-size:contain;
}
.hdr {
	max-width:50%;
	width:100%;
	float:right;
}

.centered {
  position: absolute;
  top: 50%;
  left:10%;
  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;
}
}