@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%;
}
.showsteps .box-lbl{ width:80%; margin: -57px auto 20px; font-size: 1.5em;}	
}

@media only screen and (min-width:480px) and (max-width:959px) {
img {max-width:100%; height:auto;}
.container{ padding: 30px 2% !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;}

.btn-call-to-action { font-size:1.4em; line-height: 1.3em;}
.showsteps .box-lbl{ width:80%; margin: -57px auto 20px; font-size: 1.5em;}	
.page-bottom button{ font-size: 1.3em; margin: 0 auto 30px;}
}
@media only screen and (min-width:280px) and (max-width:479px) {
img {max-width:100%; height:auto;}
.container{ padding: 30px 3% !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;}

.btn-call-to-action { font-size:1.4em; line-height: 1.3em;}
.showsteps .box-lbl{ width:80%; margin: -57px auto 20px; font-size: 1.5em;}	
.page-bottom button{ font-size: 1em; margin: 0 auto 30px;}
}