* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

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

.header-logo{
    display: block;
}

.main-banner{
    width: 100%;
    display: block;
}


/* BREAKPOINTS */

@media screen and (max-width: 414px) {
    .main-banner-desktop{
        display: none;
    }
}

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