.subhead, .headline {
  text-align: center;
  padding-right: 0px;
  padding-left: 0px;
  color:#ffffff;
}


.headline {
  font-size: 58px;
  font-weight: 600;
  padding-bottom:20px;
}

.headline-small {
  font-size: 42px;
}

.subhead {
  font-size: 28px;
  font-weight: normal;
}


@media screen and (min-width: 1401px) and (max-width: 1569px) {
	
	.headline {
	  font-size: 56px;
	  margin-bottom:30px;
	}
	
	.headline-small {
	  font-size: 36px;
	}	

	.subhead {
	  font-size: 24px;
	  font-weight: normal;
	}
	
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

	.headline {
	  font-size: 50px;
	  margin-bottom:30px;
	}	
	
	.headline-small {
	  font-size: 36px;
	}	

	.subhead {
	  font-size: 24px;
	  font-weight: normal;
	}	
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	.headline-small {
	  font-size: 36px;
	}	
	
	.headline {
	  font-size: 40px;
	  margin-bottom:30px;
	}	

	.subhead {
	  font-size: 20px;
	  font-weight: normal;
	}		
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.headline {
	  font-size: 38px;
	  margin-bottom:30px;
	}	

	.headline-small {
		font-size: 30px;
	}
	
	.subhead {
	  font-size: 24px;
	  font-weight: normal;
	}		
	
}

@media (max-width: 767px) {

	.subhead, .headline {
	  text-align: center;
	  padding-right: 0px;
	}
	
	.headline {
	  font-size: 24px;
	  margin-bottom:0px;
	  width:100%;
	}	
	
	.headline-small {
	  font-size: 20px;
	  font-weight: normal;
	  margin-bottom:0px;
	  width:100%;
	}		

	.subhead {
	  font-size: 34px;
	  font-weight: normal;
	  width:100%;
	  display: none;
	}		
		
}

#myvid {
    position: relative;
    top: -18%;
    left: 0;
    width: 100%;
    height: 130%;
    opacity: 50%;
}
@media (min-aspect-ratio: 16/9) {
  #myvid {
    height: 450%; top: -188%;
    /* or height: 200%; top: -50%;
       or height: 400%; top: -150%; */
  }
}
@media (max-aspect-ratio: 16/9) {
  #myvid {
    width: 300%; left: -100%;
    /* or width: 200%; left: -50%;
       or width: 400%; left: -150%; */
  }
}

@media screen and (max-width: 768px) {
  #myvid {
    height: 450%; top: -188%;
  }

}

#vrlearnbutton {
    padding-top: 20px;
}

#vrlearnbutton .button-cta {
    font-size: 16px;
}