.banner { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; min-height: 335px; padding: 25px 0px; width: 100%; }
.banner h1 { color: #fff; font-size: 48px; margin-top: 18%; text-transform: uppercase; }
.people { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; padding: 5% 0px; width: 100%; }
.people .row > div:nth-child(n) { padding: 0px; }
.people a { background: #efefef; color: #616161; font-size: 28px; font-weight: 300; line-height: 25px; display: block; padding: 15px 15px; position: relative; }
.people a span { color: #616161; font-size: 16px; font-weight: 400; }
.people .col:nth-child(2n+2) a { background-color: #e1e1e1; }
.people .card { background-color: #efefef; border: none; border-radius: 0px; padding: 0px 15px 25px; }
.people .col:nth-child(2n+2) .card { background-color: #e1e1e1; }
.people .card p { color: #616161; font-size: 16px; font-weight: 400; }
.people .card a { color: #FF8900; font-size: 16px; font-weight: 400; padding: 0px; }
.arw { display: block; height: 24px; position: absolute; top: 30px; right: 15px; width: 38px;  }
.arw_dwn { background: url(//www.rsta-uk.org/wp-content/themes/rsta/assets/images/aro_dwn.png) no-repeat left top / 100%; }
.arw_up { background: url(//www.rsta-uk.org/wp-content/themes/rsta/assets/images/aro_up.png) no-repeat left top / 100%; }
.card-body img { margin-right:3px; } @media only screen and (max-width: 575px) {
.people .row > div:nth-child(2n+1), .people .row > div:nth-child(2n+2), .people .row > div:nth-child(2n+3) { padding: 0px 15px; }
}
@media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
.people a { font-size: 24px; }
.people a span { font-size: 14px; }
.people a { font-size: 20px; }
.people a span { font-size: 14px; }
.people .card p, .people .card a { font-size: 14px; }
.arw { height: 16px; width: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.people a { font-size: 20px; }
.people a span { font-size: 14px; }
.people .card p, .people .card a { font-size: 14px; }
.arw { height: 16px; width: 25px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
}