@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 430px) 
  and (orientation: portrait) { 


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

.short-banner {height: 300px !important; display: flex; align-items: center; }
.short-banner h2 {color: #fff; text-align: center; line-height: 1.5em; font-size: 2.5em; text-shadow: 2px 2px 4px #000000;}
.short-banner h3 {color: #fff; text-align: center; font-size: 1.3em; }
.short-banner h4 {color: #fff; text-align:center; font-size: 1.1em;}

.hidden-mobile {display:none;}  	

.body--dxpr-theme-nav-mobile #logo {max-height:60px;}
  }

.hidden {
	display:none;

}

@media only screen 
  and (min-device-width: 430px) 
  and (max-device-width: 1024px) 
  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: 3.0em; text-shadow: 2px 2px 4px #000000;}
.tall-banner h3 {color: #fff; text-align: center; font-size: 2.5em; }
.tall-banner h4 {color: #fff; text-align:center; font-size: 1.2em;}

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

.hidden-mobile {display:none;}  	

.body--dxpr-theme-nav-mobile #logo {max-height:100px;}
  }