.endBanner {
position: relative;
width: 100vw;
height: 40vh;
margin-top: 100px;
overflow: hidden;
}
.endBanner img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%,-50%);
}
.endBanner__title {
position: relative;
z-index: 2;
font-family: "Limelight", "Poppins", cursive;
font-size: 40px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
text-align: center;
width: 90%;
margin-bottom: 20px;
}
.endBanner .button {
position: relative;
z-index: 2;
background-color: #fff;
color: #000;
transition: color 0.5s;
}
.endBanner .button:hover {
color: #fff;
}
.acf-block-preview {
}
@media only screen and (max-width: 1600px){
.endBanner__title {
font-size: 36px;
}
}
@media only screen and (max-width: 800px){
.endBanner__title {
font-size: 28px;
}
}