.header {
    padding: 0;
    margin: 0;
    box-shadow: none;
    height: unset;
}

.header .wrapper {
    margin: 0;
    padding: 24px;
    width: 100%;
}
.header .wrapper .header__logo img {
    width: 208px;
    height: 37px;
}

.main {
    margin-top: 0;
}

.main .date {
    font-size: 24px;
    text-align: end;
}

@media (max-width: 480px) {
    .header {
        height: 54px;
        padding: 16px;
        box-shadow: none;
    }

    .header .wrapper {
        padding: 0;
    }

    .header .wrapper .header__logo img {
        width: 138px;
        height: 25px;
    }

    .main {
        margin-bottom: 0;
    }

    .main .date {
        font-size: 15px;
        line-height: 20px;
    }

    .main .wrapper {
        margin-top: 64px;
        margin-bottom: 24px;
    }

    .main .wrapper h1 {
        margin: 16px 0;
        font-size: 22px;
    }

    .main .wrapper ol {
        padding: 0 0 0 20px;
    }

    .main .wrapper ol li::marker {
        font-weight: 700;
        font-size: 15px;
    }

    .main .wrapper ol li h3 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .main .wrapper ol li p {
        font-size: 15px;
        line-height: 20px;
        margin: 8px 0 8px -8px
    }

    .main .wrapper ul {
        padding: 0 16px;
        list-style-type: disc;
    }

    .main .wrapper ul li {
        font-size: 15px;
        line-height: 20px;
    }
}