@media (max-width: 320px) {
    .banner {
        height: 420px !important;
    }
}

@media (max-width: 992px) {

    .navbar-container, .banner-container, .servicios-container, .contactar-container, .nota-container, .footer-container {
        max-width: 100%;
        padding: 0 12px;
    }

    .show-on-mobile {
        display: block;
    }

    .hide-on-mobile {
        display: none;
    }
    
    .width-50 {
        width: 100%;
    }

    .navbar {
        position: static;
        background: #000;
    }

    .navbar-bg {
        display: none;
    }

    .navbar-container {
        flex-flow: column wrap;
    }

    .logo > img {
        height: 45px;
    }

    .menu {
        display: flex;
        margin-left: 0;
        margin-top: 12px;
    }

    .menu-item {
        font-size: 13px;
    }

    .banner {
        height: 320px;
    }

    .contactar-rows {
        flex-flow: column wrap;
    }

    .servicios-icons {
        flex-flow: column wrap;
    }

    .servicios-icon {
        width: 100%;
    }

    .servicios p.subtitle {
        padding-left: 0;
        padding-right: 0;
    }

    form {
        margin-top: 40px;
    }

    .contactar p.subtitle {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-container {
        height: 260px;
        flex-flow: column wrap;
        justify-content: center; 
    }

    .footer-item {
        line-height: 1.8;
    }

    .footer-container > div {
        margin: 0;
        margin-bottom: 12px;
    }

    .footer a {
        display: block;
    }

}


@media (max-width: 1200px) {

}