/* media queries */

@media (max-width: 768px) {
    .hero-fold {
        aspect-ratio: unset;
        min-height: 100vh;

        .hero-fold-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;

            text-align: center;
            padding: 100px 20px;
            

            div:first-child {
                width: 100%;
                margin:0;
            }

            div:last-child {
                width: 100%;
                margin:0;
            }

            ul {
                justify-content: center;
            }
        }

        .down-icon {
            bottom: 60px;
        }
    }

    .flex-row {
        flex-direction: column;
        align-items: center;
        gap: 20px;

        .content {
            text-align: center;
        }

        .image {
            width: 100%;
            padding-right: 0;
            padding-left: 0;
        }
    }

    .flex-reverse {
        flex-direction: column;
        align-items: center;
        gap: 20px;

    }

    /* FORM STYLES */
    form {
        input, textarea {
            font-size: 14px;
        }

        button {
            font-size: 14px;
        }

        

        >.row {
            display: block;
            width: 100%;

            >.form-group {
                display: flex;
                flex-direction: column;
                gap: 10px;
                width: 100%;
                margin-top: 20px;

                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }

    /* FOOTER STYLES */

    footer {
        .footer-content {
            flex-direction: column;
            align-items: center;
            gap: 20px;
            text-align: center;
        }

        p {
            font-size: 14px;
            text-align: center;
        }
    }
}