.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; }
.commitees { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; min-height: 700px; padding: 0px 0px 5%; width: 100%; }
.commitees .row > div { padding: 0px; }
.commitees .row > div > a { font-size: 16px; color: #fff; display: block; padding: 15px 30px; position: relative; }
.commitees .row > div > a:after {position: absolute;right: 0;top: 0;bottom: 0;content: '';width: 100px;transition: .5s ease all;background-position: center;background-repeat: no-repeat}
.commitees .row > div > a[aria-expanded="true"]:after {transform: rotate(180deg);}
.commitees .row > div > a {}
.commitees .collapse-com { border-radius: 0; border: none; color: #fff; margin: 0px; position: absolute!important;left: 0;right: 0; padding: 35px 30px 20px; }
.commitees .collapse-com * {color: inherit;font-size: 16px;}
.commitees .collapsing {position: absolute;left: 0;right: 0;z-index: 10;}
.commitees .row > div:nth-child(9n+1) {background-color: #FD8800;}
.commitees .row > div:nth-child(9n+2) {background-color: #FD9800;}
.commitees .row > div:nth-child(9n+3) {background-color: #FDA100;}
.commitees .row > div:nth-child(9n+1) > a:after, .commitees .row > div:nth-child(9n+2) > a:after, .commitees .row > div:nth-child(9n+3) > a:after { background-image: url(//www.rsta-uk.org/wp-content/themes/rsta/assets/images/aro01.png); }
.commitees .row > div:nth-child(9n+1) .collapse-com {background-color: #FD8800;}
.commitees .row > div:nth-child(9n+2) .collapse-com {background-color: #FD9800;}
.commitees .row > div:nth-child(9n+3) .collapse-com {background-color: #FDA100;}
.commitees .row > div:nth-child(9n+4) {background-color: #BDBDBD;color: #616161; }
.commitees .row > div:nth-child(9n+5) {background-color: #DFDFDF;color: #616161; }
.commitees .row > div:nth-child(9n+6) {background-color: #ECECEC;color: #616161; }
.commitees .row > div:nth-child(9n+4) > a:after, .commitees .row > div:nth-child(9n+5) > a:after, .commitees .row > div:nth-child(9n+6) > a:after { background-image: url(//www.rsta-uk.org/wp-content/themes/rsta/assets/images/aro_drk01.png); }
.commitees .row > div:nth-child(9n+4) *, .commitees .row > div:nth-child(9n+5) *, .commitees .row > div:nth-child(9n+6) * {color: inherit;} 
.commitees .row > div:nth-child(9n+4) .collapse-com {background-color: #BDBDBD;}
.commitees .row > div:nth-child(9n+5) .collapse-com {background-color: #DFDFDF;}
.commitees .row > div:nth-child(9n+6) .collapse-com {background-color: #ECECEC;}
.commitees .row > div:nth-child(9n+7) {background-color: #616161;}
.commitees .row > div:nth-child(9n+8) {background-color: #747474;}
.commitees .row > div:nth-child(9n+9) {background-color: #9D9D9D;}
.commitees .row > div:nth-child(9n+7) > a:after, .commitees .row > div:nth-child(9n+8) > a:after, .commitees .row > div:nth-child(9n+9) > a:after { background-image: url(//www.rsta-uk.org/wp-content/themes/rsta/assets/images/aro01.png); }
.commitees .row > div:nth-child(9n+7) .collapse-com {background-color: #616161;}
.commitees .row > div:nth-child(9n+8) .collapse-com {background-color: #747474;}
.commitees .row > div:nth-child(9n+9) .collapse-com {background-color: #9D9D9D;} @media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
.commitees .row > div > a { font-size: 14px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.commitees .row > div > a { font-size: 14px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
}