img {
    width: 100%;
}

.imageContainer-for-Header {
    
    width:100%;     
    display: flex;
}

.banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: black;
    margin-top: 5px;

}

.brand-name {
    color: white;
    text-align: center;
    font-weight: bold;
}
/* 
@media(width < 500px) {

    .banner{

        display: grid;
    }

    
    .imageContainer-for-Header {
        
        flex: 4;

    }

    .brand-name {

        flex: 3;
    }



} */