.banner { background-position: 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; }
section.news { clear: both; padding: 5% 0px 5%; width: 100%; }
.mainpage p, .mainpage li { color:#616161; } @media only screen and (max-width: 767px) {
.banner { min-height: inherit; }
.banner h1 { font-size: 28px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h2 { font-size: 38px; }
.banner { min-height: 225px; }
.banner h1 { font-size: 32px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner h1 { margin-top: 28%; }
}