/* ===================================================== */
/* MOBIEL OPTIMALISATIE FORMULIER PAGINA */
/* ===================================================== */

@media only screen and (max-width: 760px) {

/* Tabellen netjes onder elkaar */

table {
    width: 100% !important;
}

/* MENU boven de inhoud */

#navigation {
    width: 100%;
    position: relative;
}

/* MENU links centreren */

#navigation td {
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* Inhoud breder maken */

.bodyText,
.pageName,
.formulier {

    width: 100% !important;

    padding: 10px;

}

/* Formulier rustiger */

.formulier label {

    font-size: 16px;

    margin-top: 16px;

}

.formulier input,
.formulier select,
.formulier textarea {

    font-size: 16px;

    padding: 10px;

}

/* Knop duidelijker */

.formulier button {

    width: 100%;

    padding: 14px;

    font-size: 16px;

}

/* Minder drukte in header */

.header-container {

    flex-direction: column;

    text-align: center;

}

/* Logo kleiner */

.logo img {

    width: 120px;

}

/* Titel compacter */

.organisatie-naam h1 {

    font-size: 18px;

}

.organisatie-naam h2 {

    font-size: 14px;

}

/* Minder witruimte */

td {

    border: none;

}

}