@import"block-party.css";

.article-page {
    color: #fff;

}
.article-page  {
    padding-top: 85px;
}
@media (min-width: 900px) {
    .article-page  {
        padding-top: 185px;
    }
}
.article-page img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.article-page .title-1 {
    height: fit-content;
    font-size: clamp(40px, 10vw, 120px);
    font-weight: 600;
    letter-spacing: .2em;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    z-index: 2;
    margin-bottom: clamp(40px, 5vw, 64px)
}

.article-page .title-5 {
    margin-bottom: clamp(15px, 3.2vw, 46px)
}

.article-page .return {
    grid-column: 1;
    font-weight: 500;
    font-family: var(--font-2);
    font-size: clamp(16px, 1.4vw, 18px);
    line-height: 1.27;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: clamp(34px, 7vw, 84px)
}

.article-page .return .btn {
    width: clamp(72px, 7vw, 98px);
    height: clamp(72px, 7vw, 98px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    cursor: pointer;
    padding: 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='16' viewBox='0 0 45 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.17224 7.2929C0.781719 7.68342 0.781719 8.31659 1.17224 8.70711L7.5362 15.0711C7.92673 15.4616 8.55989 15.4616 8.95042 15.0711C9.34094 14.6805 9.34094 14.0474 8.95042 13.6569L3.29356 8L8.95042 2.34315C9.34094 1.95262 9.34094 1.31946 8.95042 0.928935C8.55989 0.538411 7.92673 0.538411 7.5362 0.928935L1.17224 7.2929ZM44.1207 7L1.87935 7L1.87935 9L44.1207 9L44.1207 7Z' fill='white'/%3E%3C/svg%3E")
}

.article-content {
   /* display: grid;
    grid-template-columns: 50% 1fr;
    gap: 50px&*/
}


@media (min-width: 992px) {
    .article-content .img {
        float: left;
        padding: 0 40px 30px 0;
    }
}
@media(max-width: 991px) {
    .article-content .img {
        width: 100%;
        margin-bottom: 25px;
    }

    .article-page .title-1 {
        text-align: center
    }

    .article-page img {
        margin: 0
    }

    .article-content {
        grid-template-columns: 1fr
    }
}

/*# sourceMappingURL=page-article.css.map */