.section-leadership .h2 { margin-bottom: 0; }
.section-leadership .card{overflow:hidden;padding-top:2em;border-radius:.5rem;border:1px solid #000!important;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box}
.team .row { display: flex; flex-wrap: wrap; }
.team .col-md-3.col-sm-4 > p.title { margin: 3px 0 40px; }
.section-leadership a { color: #000; text-decoration: none;}
.section-leadership a:hover, .section-leadership a:focus { text-decoration: none;color: #555;}
.section-leadership .card { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; }
.section-leadership .card .title { font-weight: 200;}
.section-leadership a:hover .card { transform: scale(1.05) }
.team a.detail-popup { display: block; }
.team .col-md-3.col-sm-4 > a.detail-popup { margin-top: 40px }
.portrait { float: left; width: 33% }
.details { float: left; padding-left: 15px; width: 67% }
.portrait img { border: 1px solid #d3d3d3; }
.exec-details { padding: 55px 40px; max-width: 1000px }
.details { text-align: left;}
.details .h2 { margin-bottom: 0; }
.details .h4 { font-weight: 200 }
.mb-4{margin-bottom:1.5rem}
section{padding-top:2.688rem;padding-bottom:2.688rem}
section.hero { padding-top: 0; padding-bottom: 0; overflow: hidden; }
.hero-content{padding-top:1rem;padding-bottom:1rem}
.modal .h2 { font-size: calc(1.325rem + 0.9vw);}
.modal .h4 { font-size: calc(1.275rem + 0.3vw);}
.bg-wrapper{position: relative;}
.bg-wrapper::after{position:absolute;bottom:0;left:0;content:"";height:50px;width:100%;z-index:10;background:#4fddd7;background:linear-gradient(0deg,rgba(79,221,215,.4150035014005602) 0,rgba(79,221,215,.196516106442577) 30%,rgba(79,221,215,.0760679271708683) 70%,rgba(250,250,250,0) 100%)}

@media (max-width: 575px) {
.portrait img { max-width: 60% }
}
@media (max-width: 767px) {
.portrait { width: 100%; text-align: center;}
.portrait img { max-width: 40% }
.details { width: 100%; padding-top: 15px; }
.details p.title { text-align: center; }
.details h3 { text-align: center; }
}

@media (min-width: 768px) {
    .modal-dialog{width:1000px;max-width:100%;margin:30px auto}
    .modal .h2 { font-size: 2rem;}
    .modal .h4 { font-size: 1.25rem;}
    section{padding-top:4.688rem;padding-bottom:4.688rem}
    .section-leadership .hero-bg{background-image:url(/static/mm/images/company/leadership/leadership-hero-background.jpg);min-height:500px;background-size:cover;background-repeat:no-repeat;background-position:left center}
}