/* Extra Small Devices (Phones) */ 
@media (max-width: 576px) {
    .banner-header{
        font-size: 2rem;
    }
    .banner-text{
        font-size: 1rem;
    }
    .bannerContent{
        top: 10%;
    }
    .banner-arrow{
        display: none;
    }
}

/* Small Devices (Tablets, 7-inch screens) */
@media (min-width: 577px) {
    .banner-header{
        font-size: 2rem;
    }
    .banner-arrow{
        display: none;
    }
}

/* Medium Devices (Tablets, iPads, 10-inch screens) */
@media (min-width: 769px) {
    .banner-header{
        font-size: 4rem;
        text-shadow: 0px 15px 1px #00000029;
    }
    .banner-text{
        font-size: 1.2rem;
    }
    .banner-arrow{
        top:-10%;
        display: block;
    }
}

/* Large Devices (Laptops, Desktops) */
@media (min-width: 1200px) {
    .banner-header{
        font-size: 7rem;
        text-shadow: 0px 15px 1px #00000029;
    }
    .banner-text{
        font-size: 2rem;
    }
    #aboutUs{
        margin-top: -20px;
        position: relative;
        z-index: 999;
    }
}