@media (max-width: 768px) {
    .choice h2 {
        font-size: 2rem;
    }

    .choice-options {
        grid-template-columns: 1fr;
    }

    .auth-forms {
        flex-direction: column;
        align-items: center;
    }

    .courses-grid {
        grid-template-columns: 1fr;
    }

    .coaching-info {
        padding: 40px;
    }

    .background {
        width: 300vw;
        height: 120vh;
        text-align: center;
    }

    .contact-form label[for="id_name"],
    .contact-form label[for="id_contact_type"],
    .contact-form label[for="id_contact"] {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 500px) {


    .coaching-info h3 {
        font-size: 1.3rem;
        line-height: 2.2rem;
    }

    .contact-form .form-contact-type {
        flex-direction: column;
        gap: 10px
    }

    .contact-form label[for="id_contact_type_0"],
    .contact-form label[for="id_contact_type_1"],
    .contact-form label[for="id_contact_type_2"] {
        width: 100%;
    }
}