.header{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:29px 0;

    background:#000
}

.header__logo {
    width: 16%;
    display: block;
}

.banner__img {
    width: 100%;
    display: block;
}

@media screen and  (min-width: 415px) {
    .banner__img__mobile {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    
    .header__logo {
        width: 54%;
    }
    .banner__img__desktop {
        display: none;
    }
}