.banner-register {
    background-image: url("../images/pageHeaders/HowToRegister.png");
}

.banner-contact {
    background-image: url("../images/pageHeaders/contact.png");
}

.banner-accessibility {
    background-image: url("../images/pageHeaders/accessibility.png");
}

.banner-safety {
    background-image: url("../images/pageHeaders/safety.png");
}

.banner-terms {
    background-image: url("../images/pageHeaders/terms.png");
}

.banner-about {
    background-image: url("../images/pageHeaders/about.png");
}


.responsiveBanner {
    height: 30rem;
}

@media only screen and (min-width: 1550px) {
    .responsiveBanner {
        height: 40rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .responsiveBanner {
        height: 32rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .responsiveBanner {
        height: 18rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .responsiveBanner {
        height: 16rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .responsiveBanner {
        height: 10rem;
    }
}

@media only screen and (max-width: 767px) {
    .responsiveBanner {
        height: 10rem;
    }
}