@media (max-width: 579px) {
    header .logo img {
        height: 120px;
    }

    header .brand-wrapper h2 {
        font-size: 24px;
    }

    #servicios ul li {
        width: 100%;
    }

    div#menu-boton {
        top: 15px;
        right: 15px;
    }

    #marca-01 h2 {
        font-size: 28px;
        line-height: 28px;
    }

    .catalogo-wrapper {
        background-size: cover;
    }

    .catalogo-wrapper:hover {
        background-size: cover;
    }

    #catalogo ul li {
        width: 100%;
    }

    .menu-overlay .menu-content ul li a {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (min-width: 580px)and (max-width:767px) {
    header .logo img {
        height: 140px;
    }

    header .brand-wrapper h2 {
        font-size: 28px;
    }

    #servicios ul li {
        width: 50%;
    }

    div#menu-boton {
        top: 15px;
        right: 15px;
    }

    #marca-01 h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .catalogo-wrapper {
        background-size: cover;
    }

    .catalogo-wrapper:hover {
        background-size: cover;
    }

    #catalogo ul li {
        width: 50%;
    }

    .menu-overlay .menu-content ul li a {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    header .logo img {
        height: 140px;
    }

    header .brand-wrapper h2 {
        font-size: 28px;
    }

    #servicios ul li {
        width: 50%;
    }

    div#menu-boton {
        top: 15px;
        right: 15px;
    }

    #marca-01 h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .catalogo-wrapper {
        background-size: cover;
    }

    .catalogo-wrapper:hover {
        background-size: cover;
    }

    #catalogo ul li {
        width: 50%;
    }

    .menu-overlay .menu-content ul li a {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (min-width: 992px)and (max-width:1199px) {
    .servicio-wrapper h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .catalogo-wrapper {
        background-size: cover;
    }

    .catalogo-wrapper:hover {
        background-size: cover;
    }

}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1700px) {}