body, h1, h3 {
    font-weight: 500;
}

.button, button, input[type=submit], input[type=reset], input[type=button], #rtec input[type="submit"] {
	/* min-height: 38px; */
	padding: 2% 5%;
}

.tagline, body, h1, ol, ul {
    font-family: Sarala, helvetica, sans-serif;
}
.header-donate a, .header-newsletter a, a {
    text-decoration: none;
}
.back h5, .tagline {
    text-transform: uppercase;
}
.info-menu, .info-menu li, body {
    padding: 0;
}
body {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
h1 {
    font-size: 35px;
    font-size: 2rem;
    line-height: 1.3em;
}
header h1 {
    background: url(../_img/_interface/rcet-logo-1x.jpg) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    height: 93px;
    float: left;
}
header h1:hover {
    background-position-y: -93px;
    animation: logo 2s 0 linear;
}
@keyframes logo {
    0% {
    opacity: 1;
}
5% {
    opacity: 0;
}
50% {
    background-position: 0 -93px;
    opacity: 0;
}
100% {
    background-position: 0 -93px;
    opacity: 1;
}
}
.slide-title {
    width: 45%;
    font-size: 4rem;
    line-height: 1.2em;
    margin: 0 0 1%}
.slide-overlay p {
    font-size: 2rem;
    color: #c8c8c8;
}
.header-newsletter a {
    font-size: 1.4rem;
    line-height: .9rem;
    font-weight: 500;
    color: #fff;
}
.header-donate {
    background: #fff;
    border: none;
    border: 1px solid #fff;
}
.header-donate a {
    color: #c83e3e;
}
.header-donate:hover {
    background: #c83e3e;
    border: 1px solid #fff;
}
.header-donate:hover a {
    color: #fff;
    text-decoration: none;
}
.micro-nav a {
    font-size: 24px;
    font-size: 1.4rem;
    color: #fff;
}
.mobile-nav {
    color: #000;
}
.main-menu a {
    color: #fff;
}
.tagline {
    font-size: 2.5rem;
    letter-spacing: .1em;
    line-height: normal;
    color: #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
}
ol, p, ul {
    color: #000;
}
h3 {
    font-size: 2rem;
    letter-spacing: .1rem;
    color: #19559C;
    margin: 0 0 1%;}


.hp-newslist h3 {
    width: 100%;
    margin: 0 0 5%}
ol, ul {
    margin: 0;
}
h5 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1em;
}
p {
    margin: 0 0 2%}
p strong {
    font-weight: 800;
}
ul {
    list-style: disc inside;
}
ol {
    list-style: decimal inside;
}
a {
    color: #0096ee;
}
a:hover {
    text-decoration: underline;
}
, .back h5 {
    color: #fff;
}
.back h5 {
    margin: 2% 0;
    font-size: 1.2em;
}
.white.back h5, .white.back p {
    color: #c83e3e;
}
.display-posts-title {
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
}
.bottom-info h6, .news-list-item {
    font-weight: 800;
    font-style: bold;
}
.news-list-item {
    max-width: 80%;
    font-size: 1.6rem;
    line-height: 1.4rem;
    color: rgba(0, 55, 155, 1);
}
.info-menu, .legal-info {
    line-height: 1.5rem;
}
.legal-footer {
    text-align: center;
    margin: 0;
}
.legal-footer:last-child() {
    margin-bottom: 25%}
.legal-info {
    font-size: 1.3rem;
    margin: 0;
}
.info-menu {
    margin: 0 0 5%;
    list-style: none;
    font-size: 1.4rem;
}
.bottom-info p {
    font-size: 14px;
    font-size: 1.3rem;
    line-height: 1.5em;
}
.footer-social {
    list-style-type: none;
    margin: 0 0 12%;
    display: block;
}
.footer-social li {
    text-indent: -9999999px;
    font-size: 0;
    display: inline-block;
    max-width: 30px;
    padding: 0;
    width: 100%;
    margin: 0 1% 0 0;
    background-image: url(../../rcet-2017/_img/_interface/social-icons.jpg);
}
.footer-social a {
    width: 100%;
    height: 100%;
    display: block;
}
.facebook, .instagram, .twitter, .vimeo, .youtube {
    background-size: 1140%;
    width: 40px;
    height: 32px;
}
.footer-social img {
    max-width: 100%}
.facebook {
    background-position-x: -65px;
    background-position-y: 220px;
}
.twitter {
    background-position-x: -13px;
    background-position-y: 216px;
}
.instagram {
    background-position-x: -70px;
    background-position-y: 159px;
}
.youtube {
    background-position-x: -128px;
    background-position-y: 215px;
}
.vimeo {
    background-position-x: -14px;
    background-position-y: 159px;
}
.footer-logo {
    width: 100%;
    max-width: 150px;
    margin: -20px 0 5%}
.searchform #searchsubmit {
    background: #fff;
    color: #333;
}
.donate-box, .media-contact, .wob {
    background-color: #19559C;
    max-width: 100%}
#searchsubmit:hover {
    color: #19559C;
}

label.screen-reader-text {
    display: none;
}
.wob h3, .wob p {
    color: #fff;
}
.media-contact, .wob {
    color: #fff;
    padding: 5%;
    margin: 0 0 5%}
.wob h3 {
    font-size: 2rem;
    width: 95%}
.wob a, .wob li.fa.fa-home a {
    color: rgba(255, 255, 255, 1);
    font: Sarala, Arial, sans-serif;
    font-family: Sarala, Arial, sans-serif;
}
.wob .fa {
    color: #fff;
    padding-right: 10%}
.wob .fa:before {
    padding-right: 5px;
}
.wob input, .wob textarea {
    color: #141414;
}
.wob input[type=button] {
    background-color: #fff;
}
.wob input[type=button]:hover {
    background-color: #009886;
    color: #fff;
}
.wob .nf-error-msg, .wob .ninja-forms-req-symbol {
    color: #fdc1cb;
}
.donate-box {
    color: #fff;
    padding: 5%}
input[type=search] {
    color: #000;
}
.donate-button {
    font-size: 2rem;
    background-color: #E53344;
    border: 1px solid rgba(255, 255, 255, .7);
}
.donate-button:hover {
    color: rgba(255, 255, 255, 1);
    background-color: #E53344;
    text-decoration: none;
}
.team-banner {
    background: #19559C;
    padding: 2% 5%;
    color: #fff;
}
.staff-position {
    color: #a19a9a;
    font-size: 1.5rem;
}
.staffer p {
    font-size: 1.3rem;
}
.news-article {
    list-style-type: none;
    margin: 0 0 10%}
.list-text h3 {
    margin: 0 0 2%}
.img-cap p {
    color: grey;
    font-size: 80%;
    border-bottom: 1px solid grey;
    padding-bottom: 1%}
@media screen and (max-width:550px) {
    header h1 {
    height: 132px;
    width: 80%;
    max-width: 300px;
    text-align: center;
    margin: 0 8%}
.tagline {
    font-size: 80%;
    letter-spacing: .1em;
}
.slide-title {
    width: 100%;
    font-size: 2rem;
    line-height: 2rem;
}
.footer-logo {
    margin: 10% 0 5%}
h3 {
    width: 95%}
}
@media screen and (max-width:420px) {
    header h1 {
    height: 132px;
    width: 80%;
    max-width: 300px;
    text-align: center;
    margin: 0 8%}
}
@media screen and (max-width:390px) {
    header h1 {
    height: 116px;
    width: 250px;
    text-align: center;
    margin: 0 8%}
}