@media(max-width: 1024px) {
    .header {
        height: 60vh;
    }

    .about-wrap {
        flex-direction: column;
        align-items: baseline;
    }

    .about__image {
        max-width: 100%;
    }

    .about__text p {
        max-width: 100%;
    }

    .about--reverse {
        flex-direction: column-reverse;
    }

    .menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 260px;
        height: 100vh;
        background: #1c1c1fc7;
        padding: 100px 30px;
        transition: 0.4s ease;
        z-index: 1000;
    }

    .menu ul {
        flex-direction: column;
        gap: 25px;
    }

    .menu.active {
        right: 0;
    }

    .burger {
        display: flex;
        z-index: 2000;
    }

    .sign-btn {
        display: none;
    }

}

@media(max-width: 768px) {
    .global-title {
        font-size: 20px;
    }

    .foooter-box {
        flex-wrap: wrap;
    }

    .foooter-box .footer-item {
        flex-grow: 1;
    }

    .footer-item img {
        max-width: 100%;
        margin: 0 auto;
    }

    .dev-notice {
        padding: 60px 15px;
    }

    .dev-notice__content h2 {
        font-size: 24px;
    }

    .dev-notice__content p {
        font-size: 16px;
    }
}

@media(max-width: 565px) {
    .join-btn button {
        font-size: 14px;
    }

    .join {
        padding: 10px 0;
    }

    .footer-item {
        text-align: center;
    }
}

@media(max-width: 425px) {
    .header-title {
        font-size: 15px;
    }

    .header-subtitle {
        width: 280px;
    }

    .about__title h1 {
        font-size: 32px;
    }

    .about__button button {
        width: 100%;
        padding: 10px 30px;
        font-size: 12px;
    }

    .join-content h1 {
        font-size: 20px;
    }
}


/* @media(max-width) */
/* @media(max-width) */
/* @media(max-width) */