/* Adaptive */

/* iPads ----------- */

@media (min-width: 0) and (max-width: 1024px) {
    body {
        font-size: 12px;
    }

    .container {
        padding: 20px 20px;
    }

    .welcome {
        flex-flow: row wrap;
        margin: 3em 0;
    }

    .welcome__text_wrapper {
        flex: 100%;
    }

    .welcome__photo {
        flex: 100%;
        height: 200px;
        margin-top: 5em;
    }

    .approach__cards {
        flex-flow: row wrap;
        margin-top: -19em;
    }

    .card {
        flex: 100%;
        margin-top: 0;
        margin-bottom: 1em;
    }

    .closer_wrapper {
        flex-flow: row wrap;
        margin-top: -56em;
        background: none;
    }

    .closer__photo {
        flex: 100%;
        margin-top: 0;
    }

    .closer__right {
        flex: 100%;
        margin-top: 0;
        padding: 20px;
    }

    .users-table-wrapper {
        overflow-x: auto;
    }

    .form__inputs_row {
        flex-flow: row wrap;
        margin: 0;
    }

    .form__inputs__column {
        flex: 100%;
        margin: 0;
    }

    .consult {
        flex-flow: row wrap;
    }

    .consult__column {
        flex: 100%;
    }

    .nat-map {
        flex-flow: row wrap;
    }

    .pdf_wrapper {
        flex: 100%;
    }

    .pdf-input {
        margin-left: 0;
    }

    .eclipse {
        position: absolute;
        top: -8em;
        left: -8em;
        width: 25em;
        height: 25em;
        background: url(../img/Eclipse.webp) no-repeat top left;
        background-size: contain;
        z-index: -1;
    }
}

/* Desktops and laptops ----------- */

@media (min-width: 1024.1px) {}