* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /*mantem a largura do elemento determinada no widht e nao adiciona o tamanho do padding no calculo, porem ele vai estar la*/
}

.page-header {
    display: flex;
    justify-content: center;
    padding: 28px 0;
    background: #000;
}

.header-logo {
    display: block; 
}

.main-banner {
    width: 100%;
}

@media screen and (max-width: 414px) { /*esse pixel pq é o tamanho maximo da imagem banner mobile*/

    .main-banner-desktop{
        display: none;
    }    
}

@media screen and (min-width: 415px) { /*esse pixel pq é o tamanho maximo da imagem banner mobile*/

    .main-banner-mobile{
        display: none;
    }    
}