@media screen and (max-width: 768px) {
    body,
    input,
    select,
    textarea {
        font-size: 14px;
    }
    /* HAS SAVED INFO */
    .has-saved-container {
        bottom: 1em;
        right: 1em;
        margin-right: unset;
    }
    #headerHome {
        display: inline-block;
    }
    .header {
        display: grid;
        grid-template-columns: 20px repeat(2, 1fr) 20px;
        grid-template-areas: ". headerLeft headerRight .";
        grid-auto-flow: dense;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 4.5em;
        background-color: #ffffff;
        z-index: 50;
        opacity: 0.99;
    }
    .breadcrumbs {
        position: absolute;
        top: -4em;
        left: 20px;
    }
    .wrapper {
        display: grid;
        grid-template-columns: 20px 1fr 20px;
        grid-template-areas: ". main .";
        margin: 9em 0;
        min-height: calc(100vh - 590px);
        /* Fix the footer on bottom*/
    }
    .main {
        grid-area: main;
    }
    .footer-bottom {
        display: block;
        height: min-content;
        padding: 15px 0 5px;
        background-color: #222;
        line-height: 1.9em;
        font-size: 12pt;
        color: #aaaaaa;
    }
    /* TILES */
    .wrapper-tiles {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: dense;
        gap: 20px;
        width: 100%;
    }
    .container-tile {
        height: 150px;
    }
    /* PAGE WINDOW */
    .wrapper-page-window {
        max-width: 400px;
    }
}