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

body {
    color:#000000;
}

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

.header-logo {
    display: block;
}

.main-banner {
    width: 100%;
}





/*-----------Breakpoints-----------*/


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

@media screen and (width >= 426px) {
    .main-banner-mobile {
        display: none;
    }
}