/* ////////// hero banner ///////////// */


.hero-banner{
    width: 100%;
    height: 600px;
    overflow: hidden;
    background-image: url(/images/Structure-Erection-img.jpg);
    background-size: cover;
    background-position: top;

}

.hero-content{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #18242e48;
    padding: 50px;
}



/* /////////// Responcive view ////////// */


@media(max-width: 1064px) {
    .hero-banner{
        width: 1064px;
    }
}



@media(max-width: 600px){
    .hero-banner{
        height: 1100px;
    }
}