.hero-section{
    height: 400px;
}

.bg-light-grey{
    background: #F8F8F8 !important;
    background-color: #F8F8F8 !important;
}

.bg8{
    background-position: top;
}


@media screen and (max-width: 768px ){
    .hero-section{
        height: 400px;
    }
    .font-xl{
        font-size: 30px;
    }
    h1{
        font-size: 22px;
    }
    .margin-top-minus-130{
        margin-top: -80px;   
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    h1{
        font-size: 30px;
    }
    .hero-section{
        height: 500px;
    }
}
@media screen and (max-width: 600px) {
    .break-word{
        word-wrap: break-word;
    }
}
@media screen and (max-width: 460px) {
    .hero-section{
        height: 630px;
    }
}