@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;}

/* banner */
.block-inline-blocklarge-banner {text-align: center;}
.block-inline-blocklarge-banner h2 {color: #fff; font-size: 2.0em; text-align:center; padding-top: 30px; line-height: 1.0em; text-shadow: 2px 2px 4px #000000; }
.block-inline-blocklarge-banner p {color: #fff; font-size: 1.5em; text-align:center; line-height: 1.5em;}
.block-inline-blocklarge-banner h4 {color: #fff; font-size: 1.5em; text-align:center; line-height: 1.0em;}
.btn .btn-primary .btn-lg p { text-align:center; }
.block-inline-blocklarge-banner { height: 420px;}

.block-inline-blocklarge-banner-text-on-side  { padding-left: 15%; padding-right: 15%;}
.block-inline-blocklarge-banner-text-on-side  h2 {color: #fff; font-size: 4em; text-align:left; padding-top: 80px; line-height: 1.0em; text-shadow: 2px 2px 4px #000000; }
.block-inline-blocklarge-banner-text-on-side  p {color: #fff; font-size: 1.1em; text-align:left; line-height: 1.1em;}
.block-inline-blocklarge-banner-text-on-side  h4 {color: #fff; font-size: 2.0em; text-align:left; line-height: 1.0em;}
.block-inline-blocklarge-banner-text-on-side { height: 420px;}

.hidden-mobile {display:none;}
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
.hidden-desktop {display:none;}
}