@import "variables.scss";
@media screen and (max-width: 1660px) {
    body {
        font-size: 14px;
    }
    #home .logo img,
    #home .capitan img {
        max-width: 200px;
    }
    .wrap {
        max-width: 100%;
    }
    #fabrica-de-cecinas .productos .producto .imagen {
        height: 24vw;
    }
}

@media screen and (max-width: 1250px) {
    .wrap {
        width: 90%;
    }
    #fabrica-de-cecinas .productos .producto .imagen {
        height: 27vw;
    }
}

@media screen and (max-width: 1100px) {
    #fabrica-de-cecinas .productos .col {
        width: 50%;
    }
    #fabrica-de-cecinas .productos .producto .imagen {
        height: 40vw;
    }
}

@media screen and (max-width: 1000px) {
    body {
        overflow-x: hidden;
    }
    header .logo-menu .logo {
        flex: 1 1 100%;
        img {
            width: 250px;
        }
    }
    #menu-cabecera-movil {
        display: block !important;
    }
    header {
        z-index: 100;
        margin: 0 0 90px 0;
        .nav {
            opacity: 0;
            display: block;
            position: absolute;
            right: -250px;
            top: 0;
            width: 250px !important;
            min-height: 100vh;
            background: color("gris");
            transition: all 0.2s ease-in-out;
            text-align: right;
            .cerrar-movil {
                display: block !important;
            }
        }
        .logo-menu {
            padding: 30px 0 20px 0;
            border: none;
        }
        .contenedor-rrss {
            display: none;
        }
        .nav.menuOpen {
            opacity: 1;
            right: -5.6%;
            z-index: 80;
        }
        .logo-menu .menu .nav li {
            margin: 0 0 0 0;
            padding: 0;
        }
        .logo-menu .menu .nav>li:before {
            display: none;
        }
        .logo-menu .menu .nav li a {
            font-size: 1.2em;
            padding: 10px;
            display: block;
            width: 100%;
            display: inline-block;
            border-radius: 10px;
        }
    }
    #ubicacion iframe {
        height: 30vw;
    }
}

@media screen and (max-width: 800px) {
    #fabrica-de-cecinas .productos .producto .nombre {
        text-align: center;
    }
    #fabrica-de-cecinas .productos .producto .valor-cantidad .valor {
        text-align: center;
    }
    #fabrica-de-cecinas .productos .producto .valor-cantidad .col {
        width: 100%;
        margin: 0 0 10px 0;
    }
    #ubicacion iframe {
        height: 50vw;
    }
    #footer .contenido-footer {
        flex-wrap: wrap;
        display: block;
    }
    #footer .contenido-footer .col {
        padding: 0 !important;
        max-width: 280px;
        margin: 0 auto 40px auto;
        text-align: center !important;
    }
    #footer .contenido-footer .contacto li {
        text-align: left;
    }
    #fabrica-de-cecinas .como .col {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 550px) {
    #fabrica-de-cecinas .productos .col {
        width: 100%;
    }
    #fabrica-de-cecinas .productos .producto .imagen {
        height: 80vw;
    }
    #fabrica-de-cecinas .productos .producto .valor-cantidad select {
        padding: 10px 30px
    }
}