.banner-img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.text-banner-container{
    position: absolute;
    top: 30%;
}

.banner-title span{
    font-size: 35px !important;
    color: gray;
    font-weight: lighter !important;
}

.banner-details strong{
    color: #fff;
}

.banner-brochure-btn{
    width: 50%;
    padding: 1rem;
    background-color: #0653b6;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.banner-brochure-btn:hover{
    opacity: 0.9;
}

 
/*MEDIA QUERIES FOR LETTERS */

@media (max-width: 526px) {

    .banner-title span{
        font-size: 30px !important;
        color: #fff;
    }
}

@media (max-width: 452px) {

    .banner-title span{
        font-size: 29px !important;
    }
}

@media (max-width: 394px) {

    .banner-title span{
        font-size: 24px !important;
    }

    .banner-details strong{
        font-size: 14px;
    }
}

@media (max-width: 364px) {

    .banner-title span{
        font-size: 20px !important;
    }

    .banner-details strong{
        font-size: 12px;
    }
}

@media (max-width: 305px) {

    .banner-title span{
        font-size: 18px !important;
    }

    .banner-details strong{
        font-size: 10px;
    }
}

@media (max-width: 272px) {

    .banner-title span{
        font-size: 16px !important;
    }

    .banner-details strong{
        font-size: 10px;
    }
}