@media only screen and (min-width:960px) and (max-width:1100px) {
.container{ padding: 30px 2% !important;} 
h1{ font-size:2em!important; line-height:1.5em!important; margin:0 0 20px!important;}
h2{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 20px!important;}
h3{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 10px!important;}
p{ font-size:1.2em!important; line-height:1.4em!important;}
.footer-section{ padding: 30px 2%;}
.vidsec {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}


.vid iframe {
	height: 530px;
	
}

.vidsec iframe,
.vidsec object,
.vidsec embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 80%;
}
}

@media only screen and (min-width:480px) and (max-width:959px) {
img {max-width:100%; height:auto;}
.container{ padding: 30px 2% !important;} 
h1{ font-size:2em!important; line-height:1.5em!important; margin:0 0 20px!important;}
h2{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 20px!important;}
h3{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 10px!important;}
p{ font-size:1.2em!important; line-height:1.4em!important;}

.section03 .image-section, .section04 .image-section{ float:none; width:100%; margin:0 auto; text-align:center; padding:0 2%;}
.section03 .container, .section04 .container{ padding: 0 !important;}
.section03 .image-section, .section04 .image-section{padding:20px 2%;}
.section03 .text-section, .section04 .text-section{ float:none; width:100%; padding:10px 2%; margin:0 auto; text-align:left;}
.section02 .text-section .innertext{ float:none; max-width:100%; padding:20px 2%; text-align:center;}

.footer-section{ padding: 20px 2%;}
.vid iframe {
	height: 330px;
	
}

}

@media only screen and (min-width:280px) and (max-width:479px) {
img {max-width:100%; height:auto;}
.container{ padding: 30px 3% !important;} 
h1{ font-size:2em!important; line-height:1.5em!important; margin:0 0 20px!important;}
h2{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 10px!important;}
h3{ font-size:1.4em!important; line-height:1.5em!important; margin:0 0 10px!important;}
p{ font-size:1.2em!important; line-height:1.4em!important;}
.section03 .image-section, .section04 .image-section{ float:none; width:100%; margin:0 auto; text-align:center; padding:0 2%;}
.section03 .container, .section04 .container{ padding: 0 !important;}
.section03 .image-section, .section04 .image-section{padding:20px 2%;}
.section03 .text-section, .section04 .text-section{ float:none; width:100%; padding:10px 2%; margin:0 auto; text-align:left;}
.section02 .text-section .innertext{ float:none; max-width:100%; padding:20px 2%; text-align:center;}

.footer-section{ padding: 20px 2%;}
.vid iframe {
	height: 200px;
	
}
}