.team {
z-index: 0
}
@media (min-width: 992px) {
.team {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
}
.team__header {
padding-bottom: 64px
}
.team__content {
margin-top: auto
}
.team__slider {
height: 75vw;
margin: 4rem -32px 0;
background-size: cover;
cursor: -webkit-grab;
cursor: grab
}
@media (min-width: 576px) {
.team__slider {
position:absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
margin: 0
}
}
@media (min-width: 576px) and (max-width: 767px) {
.team__slider {
height:320px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.team__slider {
height:420px;
}
}
@media (min-width: 992px) {
.team__slider {
height:100%
}
}
.team .section__body {
padding-top: 32px;
padding-bottom: 32px
}
@media (min-width: 576px) {
.team .section__body {
z-index:1
}
}
@media (min-width: 576px) and (max-width: 767px) {
.team .section__body {
padding-top:352px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.team .section__body {
padding-top:452px
}
}
@media (min-width: 992px) {
.team .section__body {
padding-top:5vw;
padding-bottom: 5vw;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
min-height: 75vh
}
.team .section__body::before {
content: '';
position: absolute;
z-index: 0;
left: 10vw;
right: 10vw;
top: 50%;
height: 80vw;
margin-top: -40vw;
border: 1px solid #e5e5e5;
border-radius: 50%;
pointer-events: none
}
.team .section__body::after {
content: '';
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-color: rgba(255,255,255,0.8)
}
}
.team .section__content {
position: relative
}
@media (min-width: 992px) {
[dir='rtl'] .team .section__body::after {
right:0;
left: auto
}
}