@charset "utf-8";
/* CSS Document */

/* to allow editing */
.dnnEditState .BannerPageTitleCenter {
    z-index: -8;
}
#BannerPageTitleCenter {
    position: relative;
	background-color:#6b6b6b;
	color:#fff;
}
.BannerPageTitleCenter {
    position: absolute;
    z-index: 9;
}

.BannerPageTitleCenter h1 {
    text-align: center;
    color: #fff;
    /*text-shadow: 2px 2px 2px #000;*/
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 2.5rem;
}

/*****              Phones               ****************/
/* ----------- Galaxy S9 ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
#BannerPageTitleCenter {height: 19vh;}
.BannerPageTitleCenter h1 {margin-top: 1rem;font-size: 2.2rem;}
}
/* ----------- Galaxy A8 ----------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 612px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
#BannerPageTitleCenter {height: 19vh;}
.BannerPageTitleCenter h1 {margin-top: 1rem;font-size: 2.2rem;}
}
/* ----------- iPhone X ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
#BannerPageTitleCenter {height: 18vh !important;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.BannerPageTitleCenter h1 {margin-top: 0;}
}
/* ----------- iPhone SE ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#BannerPageTitleCenter {height: 25vh;}
.BannerPageTitleCenter h1 {margin-top: 2.5rem !important;margin-bottom: 1.5rem;display: inline-block;vertical-align: middle;font-size: 1.75rem;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
#BannerPageTitleCenter {height: 37vh;}
.BannerPageTitleCenter h1 {margin-top: 2.5rem;font-size: 1.85rem;}
}
/* ----------- iPhone SE 2020 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 393px) 
  and (max-device-width: 786px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#BannerPageTitleCenter {height: 15vh !important;}
.BannerPageTitleCenter h1 {margin-top: 2.5rem !important;margin-bottom: 1.5rem;display: inline-block;vertical-align: middle;font-size: 1.75rem;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 393px) 
  and (max-device-width: 786px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
#BannerPageTitleCenter {height: 36vh;}
.BannerPageTitleCenter h1 {margin-top: 2.5rem;font-size: 1.85rem;}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
#BannerPageTitleCenter {height: 22vh;}
}
  
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.BannerPageTitleCenter h1 {padding-top: 2rem !important;}
#BannerPageTitleCenter {height: 19.5vh;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.BannerPageTitleCenter {padding-top: 1rem !important;}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.33) {
#BannerPageTitleCenter {height: 14.5vh !important;}
.BannerPageTitleCenter h1 {padding-top: 1.2rem !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.33) {
#BannerPageTitleCenter {height: 19.4vh;}
.BannerPageTitleCenter h1 {margin-top: .8rem;}
}
/* ----------- Non-Retina Screens 1366 x 768 ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
.BannerPageTitleCenter h1 {margin-top: 1rem;}
}