/* 912px min width */
@media (max-width: 912px) {
    .navegacion, .nav ul {
        display: none;
    }

    .banner1 div {
        margin: 150px auto;
    }

    .banner1 h1 {
        font-size: 3rem;
        text-align: center;
        margin: 50px auto 25px;
        letter-spacing: 0;
    }

    .banner1 p {
        font-size: 1.3rem;
        text-align: center;
        margin: auto;
    }

    .habilita {
        width: 100%;
        flex-direction: column;
    }

    .hab {
        margin: 0;
    }

    .servicio div {
        flex-flow: column;
    }

    .titClientes {
        position: relative;
        left: 22%;
    }

    .clientes {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        flex-direction: column;
        width:70%;
    }

    .cliente {
        padding: 10px;
        margin: auto;
    }

    .contacto {
        display: block;
    }

    .contacto h2 {
        width: 35%;
    }

    .contacto div {
        width: 35%;
    }
}

/* 523px min width */
@media(max-width: 523px) {

    .banner1 h1 {
        font-size: 1.8rem;
        margin-bottom: 25px;
    }

    .banner1 p {
        font-size: 1.3rem;
    }

    .servicio div {
        flex-flow: column;
    }

    .titClientes {
        width: 100%;
        position: relative;
        left: 50%;
    }

    .clientes {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        flex-direction: column;
        width:25%;
    }

    .cliente {
        padding: 25px;
        margin: auto;
    }

    .contacto {
        display: block;
    }

    .contacto h2 {
        width: 75%;
        margin-left: 100px;
    }

    .contacto div {
        width: 75%;
        margin-left: 100px;
    }

    .logofoot img {
        width: 80%;
        margin: 15px 35px;
    }

}