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


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

.hidden-mobile {display:none;}  	
  }

.hidden {
	display:none;

}