/* ABOUT PAGE */
.banner-back.banner-about {height:625px;text-align:center;background-image:url(/wp-content/themes/x-child/images/banner-about.jpg);}

body.about .entry-wrap {padding-bottom:0;}

body.about .intro {padding:0 0 30px;}
body.about .intro h2, body.about .intro h1.h2 {margin-bottom:20px;}

.blue-bar {padding:20px 0 45px;font-family:"brandon-grotesque",sans-serif;color:#fff;background-color:#00aae9;}
.blue-bar.dark-blue {padding-bottom:30px;background-color:#2d388c;}
.blue-bar .x-container.max.width {max-width:1100px;}
.blue-bar h2.h1 {margin:45px auto;color:#2d388c !important;text-align:center;}
.blue-bar.dark-blue h2.h1 {color:#fff !important;}
.blue-bar h3 {margin-bottom:12px;font-size:2em !important;font-weight:500 !important;line-height:1em;color:#fff !important;}
.blue-bar h3 span {font-size:0.66666667em;font-weight:normal;}
.blue-bar p {font-size:1.33333333em;line-height:1.4em;}
.blue-bar.dark-blue p {max-width:1000px;}

.staff {margin-bottom:40px;display:grid;grid-template-columns:25% calc(75% - 45px);gap:45px;}
.staff > div:last-child {border-bottom:1px solid #fff;}
.staff:last-child > div:last-child {border-bottom:none;}
.staff > * {min-width:0;}
.staff img {border:6px solid #fff;}

@media (max-width: 978.98px){
	.banner-back.banner-about {height:500px;}
	.banner-back.banner-about h3 {font-size: 2.25em !important;}
	.staff {grid-template-columns:30% calc(70% - 30px);gap:30px;}
}
@media (max-width: 767px) {
	body.about .intro h3 {font-size:1.5em !important;}
}
@media (max-width: 500px){
	.banner-back.banner-about {height:325px;}
	body.about .intro {padding:40px 0;}
	body.about .intro h3 {font-size:1.25em !important;}
	.blue-bar.dark-blue {padding:0 0 20px;}
	.blue-bar.dark-blue .intro {padding:20px 0;}
	.staff {margin-bottom:50px;display:block;}
	.staff img {margin-bottom:25px;}
}