@media screen and (min-width: 501px) and (max-width: 1024px) {

    .page-container {
        display: grid;
    }

    .left-side  {
        grid-column: 1 / span 1;
        grid-row: 1 / span 3;
        margin-left: 2vw;
    }

    .left-side img {
        width: 40vw;
        height: 60vw;
    }

    .right-side {
        grid-column: 2 / span 2;
        grid-row: 1 / span 1;

        padding-left: 3vw;
        padding-right: 3vw;

        width: 53vw;
        font-size: 10px;
    }

    .footer {
        grid-column: 2 / span 2;
        grid-row: 2 / span 2;

        padding-left: 3vw;
        padding-right: 3vw;

        font-size: 10px;
    }

    /*
        FORM
     */

    .select-row {
        flex-direction: column;
    }

    label {
        font-family: "Lato-Regular", sans-serif;
        font-size: 12px;
        display: block;
        margin-bottom: 1vw;
    }

    input {
        margin-bottom: 1vh;
    }

    textarea {
        width: 45vw;
        height: 14vh;
    }

    button[type="submit"] {
        width: 30vw;
        height: 5vh;
    }

    .page-infos .right-side {
        grid-column: 2 / span 2;
        grid-row: 1 / span 3;
        font-size: 12px;
    }

    .page-infos .footer {
        grid-column: 1 / span 3;
        grid-row: 4 / span 2;
        font-size: 12px;
    }

    .guesthouses-row {
        justify-content: space-evenly;
    }
}