.SEC-HERO {
    background-color: #ffe600;
    height: 100vh;
    background-image: url("../images/Hero_Small.jpg");
    background-repeat: no-repeat;
    background-position: center;

    

}

.LOGO-CONTAINER {
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 2;
    background-color: none;
}

.LOGO {
    width: 100%;


}


.HERO-IMG-Container {

    height: 0px;


}

@media screen and (min-width:400px) {

    .SEC-HERO {
        background-image: url("../images/Hero.jpg");
        padding: 30px;
    }

}

@media screen and (min-width:992px) {

    .SEC-HERO {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 100vh;
        background-image: none;
        padding: 0px;

    }

    .LOGO-CONTAINER {
        height: 100%;
        background-color: #ffe600;
    }

    


    .HERO-IMG-Container {
        background-color: #ffe600;
        background-image: url("../images/Hero.jpg");
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        

    }

}