.p-4{padding:1.5rem}
.pb-5{padding-bottom:3rem}
.h-100{height:100%}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}

.flex-wrap{flex-wrap:wrap}
section { padding-top: 2.688rem; padding-bottom: 2.688rem }
section.hero { padding-top: 0; padding-bottom: 0; overflow: hidden; }
section.hero .container {padding-top: 1rem; padding-bottom: 1rem}
.hero { background-color: #fff; min-height: inherit; background-size: contain; background-repeat: no-repeat; background-position: right top; }
.hero .hero-image { position: relative; }

.pillars-row{display:flex;flex-wrap:wrap}
.pillar .ico{text-align:center;position:absolute;top:0;left:15px;filter:brightness(0)}.pillar { padding-top: 60px; position: relative; }
body.responsive .pillar img { max-height: 45px; width: auto }
a.card-link {text-decoration: none;}
a.card-link span.link {text-decoration: underline;}
a.card-link:hover span.link {text-decoration: none;}
.ico { width: 30% }
.card{border-radius:.5rem;border: 1px solid #000;}

.brands { background-color: #f6f6f6 }
.brands .ico { height: 60px; width: auto; object-fit: contain; }
.brands .card {text-align: center;}
.location-title { font-weight: 500; display: block; }
.about-contact .ft-social-list {display: none;}

@media (min-width: 768px) {
    section {padding-top: 4.688rem; padding-bottom: 4.688rem}
	/* .bg-wrapper, .bg-wrapper-inner { min-height: 500px; } */
	/* .hero {background-image: url('/static/cdgs/images/about/contact/contact-hero-background.jpg'); background-size: auto 505px; background-position: right -460px top 0;}
	.hero .hero-image::after { content: ''; background-image: url(/static/cdgs/images/about/contact/contact-hero-subject.png); background-repeat: no-repeat; position: absolute; height: 590px; width: 850px; background-size: contain; right: -480px; top: -5px;  } */
	#work-better { background-size: cover; background-repeat: no-repeat; background-position: center center; }
}
@media (min-width: 992px) {
	section.hero .container {padding-top: 4rem; padding-bottom: 4rem}
	/* .hero { background-position: right -340px top 0; }
	.hero .hero-image::after { right: -360px;} */
}
/* @media (min-width: 1200px) {
	.hero { background-position: right -170px top 0; }
	.hero .hero-image::after { right: -190px;}
} */
@media (min-width: 1400px) {
    .hero { width: 1400px; margin: 0 auto;}
	/* .hero .hero-image::after { right: -190px;} */
}