queries.css

@media (max-width: 768px) {

    h1, h2 {
        margin-bottom: 20px;
    }

    .row {
        width: 95%;
    }

    .headline {
        max-width: 100%;
    }

    .form-container {
        flex-direction: column;
    }

    .form-container button {
        width: 35%;
        height: 4rem;
        margin: 0 auto;
    }

    .booking-form {
        flex-direction: column;
        margin-bottom: 12px;
    }

    .input-container {
        border-left: none;
        border-right: none;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }

    .about-content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .about-content .about-paragraph-container:last-child {
        flex-direction: column-reverse;
    }

    .accomodations-content {
        grid-auto-rows: 1fr;
        grid-template-rows: unset;
        grid-template-columns: unset;
    }

    .accomodations-content .accomodations-image-container img {
        height: 100%;
    }

    .accomodations-content .accomodations-image-container:first-child {
        grid-column: unset;
    }

    .testimonials-content {
        flex-direction: column;
    }

    .testimonial-box {
        border-bottom-left-radius: unset;
        height: 300px;
    }

    .accomodations-title-line {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;
        margin-bottom: 2rem;
    }
}