.btn-yellow {
background: #FFC72C;
}
.text-black {
color: #000;
}
.section-boxed h1,
.section-boxed h2,
.section-boxed h3 {
font-weight: 700;
}
.section-boxed h2 {
margin-bottom: .5rem;
line-height: 1.2;
} .section-boxed p:empty {
display: none;
}
.section-boxed p {
font-size: 22px;
line-height: 38px;
}
.section-boxed ul {
padding: 0;
}
.section-boxed .news__contact,
.section-boxed ul li {
font-size: 1.5rem;
line-height: 1.5;
}
.section-boxed p {
margin-top: 0;
margin-bottom: 1rem;
}
.section-boxed div.news__image {
margin: 2rem auto;
min-height: 500px;
max-height: 700px;
background-size: contain;
}
.section-boxed div.news__image {
background-repeat: no-repeat;
background-position: center;
}
.section-boxed h1.news__header {
font-size: 2.125rem;
}
.section-boxed .news__contact h3 {
font-size: 1.625rem;
}
.section-boxed div.news__sub p {
}
.section-boxed div.news__date {
font-size: 1.5rem;
}
.section-boxed .news__contact {
margin-top: 5rem;
}
.section-boxed div.news__back-button-container {
display: flex;
flex-direction: row;
justify-content: center;
}
.section-boxed div.news__back-button-container a {
padding: 1rem 2rem;
}
.section-boxed div.news__back-button-container a {
font-size: 22px;
}
.section-boxed div.news__back-button-container a.text-black:hover {
color: #000;
text-decoration: none;
}
@media only screen and (max-width: 768px) {
.section-boxed p {
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (max-width: 600px) {
.section-boxed p {
font-size: 16px;
line-height: 24px;
}
.section-boxed h1.news__header {
font-size: 1.375rem;
}
.section-boxed .news__contact h3 {
font-size: 1.125rem;
}
.section-boxed div.news__date {
font-size: 1rem;
}
.section-boxed .news__contact,
.section-boxed ul li {
font-size: 1rem;
}
.section-boxed div.news__image {
min-height: 300px;
}
.section-boxed div.news__back-button-container a {
font-size: 16px;
}
}
.educational-resources .page-banner,
.resource-development .page-banner {
min-height: 80vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding: 70px 0px 70px 0px;
}
@media only screen and (max-width: 1600px) {
.educational-resources .page-banner,
.resource-development .page-banner {
min-height: 65vh;
}
}
@media only screen and (max-width: 1100px) {
.educational-resources .page-banner,
.resource-development .page-banner {
min-height: 55vh;
}	
}