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

/* to allow editing */
.dnnEditState .BannerPageTitleCenterK {
    z-index: -8;
}
#BannerPageTitleCenterK {
    position: relative;
	background-color:#fff;
	color:#000;
/*	height: 21vh;*/
}
.BannerPageTitleCenterK {
    position: absolute;
    z-index: 9;
/*  background-image: url(/portals/northrimbank/images/banners/wingdings2.png);*/
}

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


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.BannerPageTitleCenterK {
    padding: 3px 0;
}
#BannerPageTitleCenterK {
    height: 11vh;
}
.BannerPageTitleCenterK h1 {
    font-size: 2rem;
	 margin-top: 0;
}
}
/*****              Phones               ****************/
/* ----------- Galaxy S9 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 740px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
	 #BannerPageTitleCenterK {
	height: 19vh;
}
}
/* ----------- Galaxy A8 ----------- */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 612px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
	 #BannerPageTitleCenterK {
	height: 19vh;
}
.BannerPageTitleCenterK h1 {
    margin-top: 1rem;
    font-size: 2.2rem;
}
}
/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

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

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.BannerPageTitleCenterK h1 {
    margin-top: 0;
}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.BannerPageTitleCenterK h1 {
    padding-top: 2rem !important;
}
#BannerPageTitleCenterK {
    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) {
.BannerPageTitleCenterK {
    padding-top: 1rem !important;
}
}