.banner { background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; min-height: 335px; padding: 25px 0px; width: 100%; }
.banner h1 { font-size: 48px; margin-top: 18%; text-transform: uppercase; }
.banner * { color: #fff; }
#login { width: 100%;background-repeat: no-repeat; background-position: top center; background-size: cover; clear: both; padding: 5% 0px; width: 100%; }
#login a { background: #efefef; color: #616161; font-size: 28px; font-weight: 300; line-height: 25px; display: block; padding: 15px 15px; position: relative; }
#login a span { color: #616161; font-size: 16px; font-weight: 400; }
#login form {margin-top: 40px;}
#login.login-action-login form label {line-height: 1.3;font-weight: 700;}
#login .wp-pwd {margin-top: 0;display: flex;}
#login .wp-hide-pw {border-radius: 0;border: 1px solid #424242;background: transparent;color: #424242;}
.wp-pwd button.wp-hide-pw {position: relative;width:auto;height: auto;min-width: unset;min-height: unset;right: unset;}
#login form input[type="text"], #login form input[type="password"] {border-radius: 0;min-height: 45px;border: 1px solid #424242;padding: 5px 10px;}
p#nav {margin-top: 20px;}
#login.login-action-lostpassword form > p:nth-child(1) {width: 50%;padding: 0 15px;display: flex;flex-direction: column;}
#login.login-action-lostpassword form p.submit {width: 100%;}
#login.login-action-login form > p:nth-child(1) {width: 50%;padding: 0 15px;display: flex;flex-direction: column;}
#login.login-action-login form > div:nth-child(2) {width: 50%;padding: 0 15px;display: flex;flex-direction: column;}
#login.login-action-login form input[name="pwd"] {width: 100%;margin-right: 15px;}
.login-submit [type="submit"] {text-transform: uppercase;color: #FF8900;font-size: 16px;line-height: 28px;border-radius: 0px;border: 2px solid #FF8900;height: 40px;margin-bottom: 20px;display: inline-block;padding: .375rem .75rem;background-color: transparent;margin: 0 15px 0 0;font-weight: 400;box-shadow: none;}
.login-submit [type="submit"]:hover {background-color: #FF8900;color: #fff;}
#login a {display: inline-block;margin-right: 15px;color: #FF8900;border: none;background: transparent;font-size: 16px;padding: 0;font-weight: 400;box-shadow: none;}
.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%; }
#loginform { display:block; }
#loginform label { font-weight:600; display:block; width:100%; clear:both; }
#loginform > p { display:block; clear:both; } @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; }
.main a { font-size: 24px; }
.main a span { font-size: 14px; }
.main a { font-size: 20px; }
.main a span { font-size: 14px; }
.arw { height: 16px; width: 25px; }
.main form .login-username, .main form .login-password {width: 100%;}
#login.login-action-login form > p:nth-child(1) {width: 100%;}
#login.login-action-login form > div:nth-child(2) {width: 100%;}
#login.login-action-lostpassword form > p:nth-child(1) {width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
.main a { font-size: 20px; }
.main a span { font-size: 14px; }
.arw { height: 16px; width: 25px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
}