@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

.tall-banner {height: 500px !important; display: flex; align-items: center; }
.tall-banner h2 {color: #fff; text-align: center; line-height: 1.0em; font-size: 2.3em; text-shadow: 2px 2px 4px #000000;}
.tall-banner h3 {color: #fff; text-align: center; font-size: 2.0em; }
.tall-banner h4 {color: #fff; text-align:center; font-size: 1.3em;}

	
h2.block-title {font-size: 1.5em;}
.block-inline-blocklarge-banner-text-on-side h2 {padding-top: 10px;}
h4.text-align-center {font-size: 0.8em;}

.dark-overlay {background: rgba(0,0,0,0.4);max-width: 120% !important; }

.background-local-video  {max-height: 300px !important;}
.homepage-container {
padding-top:20px;
}
h1.homepage {font-size: 1.5em; color: #fff; text-shadow: none; padding-top: 0px;line-height: 0.9em; font-weight: 500;}
h2.homepage {font-size: 0.9em; color: #fff; text-shadow: none;padding-top: 5px; padding-bottom: 0px; font-weight: normal !important;}

.hidden-mobile {display:none;}  
.timeline {border-style:none; display:block; height:16000px; left:0; position: relative; top:0; width:100%; }


}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
 
 .homepage-container { padding-top:105px; }
}


.hidden {
	display:none;

}