.page-template-template-about .page-banner,
.page-template-template-services .page-banner,
.page-template-template-partners .page-banner,
.page-template-template-contact .page-banner {
box-sizing: border-box;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
height: clamp(300px, 50vh, 460px); margin-top: 85px !important;
padding: 0 15px !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.page-template-template-about .page-banner .container,
.page-template-template-services .page-banner .container,
.page-template-template-partners .page-banner .container,
.page-template-template-contact .page-banner .container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.page-template-template-about .page-banner h1,
.page-template-template-services .page-banner h1,
.page-template-template-partners .page-banner h1,
.page-template-template-contact .page-banner h1 {
margin-top: 0 !important;
margin-bottom: 0 !important;
} @media (min-width: 768px) and (max-width: 1024px) {
.page-template-template-about .page-banner,
.page-template-template-services .page-banner,
.page-template-template-partners .page-banner,
.page-template-template-contact .page-banner {
height: 460px;
min-height: 460px !important;
padding: 0 30px !important;
}
.page-template-template-about .page-banner h1,
.page-template-template-services .page-banner h1,
.page-template-template-partners .page-banner h1,
.page-template-template-contact .page-banner h1 {
max-width: 900px;
padding: 0 !important;
font-size: 40px !important;
line-height: 1.3;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.page-template-template-about .page-banner,
.page-template-template-services .page-banner,
.page-template-template-partners .page-banner,
.page-template-template-contact .page-banner {
margin-top: 70px !important;
}
}
@media (max-width: 767.98px) {
.page-template-template-about .page-banner,
.page-template-template-services .page-banner,
.page-template-template-partners .page-banner,
.page-template-template-contact .page-banner {
height: 300px;
min-height: 300px !important;
margin-top: 70px !important;
padding: 0 15px !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-template-template-about .page-banner,
.page-template-template-services .page-banner,
.page-template-template-partners .page-banner,
.page-template-template-contact .page-banner {
min-height: 500px;
}
}