@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
 

} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
 

}




@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
 .header h1 { font-size: 100px;   line-height: 85px;}
 .header h2 {
  margin: 10px 0 0;
  padding: 20px 0 5px;
  font-size: 36px;
}
 .header h3 {
  margin: 0px 0 0;
  padding: 20px 0 5px;
  font-size: 36px;

}
.mid-text h2 {  padding:0 0%;}
.mid-text1 h2 {  padding:0 0%;}
.mid-text2 h2 {  padding:0 0%;}
.mid-text3 h2 {  padding:0 0%;}

.mid-text1 .left {   width: 100%;}
.mid-text1 .right {   width: 100%;}

.mid-text2 .left {   width: 100%;}
.mid-text2 .right {   width: 100%;}
 
.mid-text3 .left {   width: 100%;}
.mid-text3 .right {   width: 100%;}
 
 
}





@media only screen and (min-width: 320px) and (max-width: 355px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}