/*Header*/
* {
    margin: 0;
    box-sizing: border-box;
}

.header-page {
    display: flex;
    justify-content: center;

    background: #000;
}

.header-page-logo {
    display: block;

    padding: 30px 0;
}

/*Main Banner*/
.main-banner {
    width: 100%;
}

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

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

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

    .main-banner-mobile {
        display: block;
        max-height: 598px;
        object-fit: cover;
    }
}