html, body {
    height: 100%;
    margin: 0;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.colpadding {
	padding: 40px 3% 40px 3% !important;
}
h1 {font-size: 3.5rem !important;}	
@media screen and (max-width: 1600px){
h1 {font-size: 2.8rem !important;}	
}
@media screen and (max-width: 1400px){
h1 {font-size: 2.2rem !important;}	
.lead {font-size: 1.1rem !important;}
.btn-lg{font-size: 1.2rem !important;}	
}
@media screen and (max-width: 1140px){
h1 {font-size: 2.1rem !important;}	
.lead {font-size: 1rem !important;}
.btn-lg{font-size: 1.15rem !important;}	
}
@media screen and (max-width: 960px){
h1 {font-size: 1.9rem !important;}	
.lead {font-size: 0.9rem !important;}
.btn-lg{font-size: 1.1rem !important;}	
}

@media screen and (max-width: 720px){
h1 {font-size: 1.85rem !important;}	
.lead {font-size: 0.85rem !important;}
.btn-lg{font-size: 1.0rem !important;}	
}

@media screen and (max-width: 540px){
h1 {font-size: 1.8rem !important;}	
.lead {font-size: 0.8rem !important;}
.btn-lg{font-size: 0.9rem !important;}	
}
.btn-primary {
  background-color: #258371;
  border-color: #258371; }
  .btn-primary:hover {
    background-color: #0d4d3f;
    border-color: #0d4d3f; }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #258371;
    border-color: #258371; }
  .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    background-color: #258371;
    border-color: #258371; }