@media only screen and (max-width: 376px) {
    nav div.title a {
        font-size: 2.1em;
    }

    .alert-error {
        width: 90%;
    }
}

@media only screen and (max-width: 321px) {
    nav div.title a {
        font-size: 1.75em;
    }
}

@media only screen and (max-width: 768px),
(orientation: portrait) {
    div.intro p span.simone {
        font-size: 1.2em;
    }

    div.home div.img-home img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    div.home div.img-home,
    div.home div.simone,
    div.home div.arese {
        display: none;
    }

    div.home div.home-text p {
        width: 90%;
        margin: 30px auto;
        padding: 10px;
        font-size: 1.2em;
        text-align: justify;
    }
}

@media only screen and (max-width: 768px),
(orientation: landscape) {

    /* ******************************************************* */
    /*                      NAVBAR                             */
    /* ******************************************************* */

    nav.navbar-main {
        padding-bottom: 20px;
    }

    nav div#navbarSupportedContent {
        margin-top: 15px;
        margin-left: 5px;
    }

    nav li.menuLink {
        margin-top: 0px;
    }

    /* ******************************************************* */
    /*                      CONTENT                            */
    /* ******************************************************* */

    .container {
        max-width: 98%;
        padding: 0px 10px;
    }
}