@media (max-width: 3000px) {
    .nav {
        display: none;
    }
}

@media (max-width: 1200px) {
    .pc {
        display: none;
    }

    .nav {
        display: block;
    }

    .titulo {
        font-size: 3vw
    }

    .contenedor-footer-1 {
        justify-content: center;
        flex-wrap: nowrap;
    }
}

@media (max-width: 970px) {
    .contenedor-footer-1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-list {
        margin: 10px 60px;
    }
}

@media (max-width: 800px) {
    .footer-list {
        margin: 10px 30px;
    }
}

@media (max-width: 768px) {
    .footer-list {
        margin: 10px 40px;
    }

    .titulo {
        font-size: 4vw;
    }
}

@media (max-width: 700px) {
        .contenedor-footer-1 {
        grid-template-columns: repeat(3, 230px);
    }
}

@media (max-width: 640px) {
    .contenedor-footer-1 {
        grid-template-columns: repeat(3, 200px);
    }
}
@media (max-width:560px) {
    .contenedor-footer-1 {
        grid-template-columns: repeat(2, 250px);
    }
}

@media (max-width: 480px) {
    .contenedor-footer-1 {
        grid-template-columns: repeat(2, 220px);
    }

    .footer-list {
        margin: 10px 32px;
    }

    .footer-list li {
        margin: 10px 0;
    }

    .separador-footer {
        margin: 0 40px;
    }

    .contenedor-footer-2 {
        font-size: 18px;
    }

    .titulo {
        font-size: 5vw;
    }

    .dropdown {
        min-width: 230px;
    }
}

@media (max-width: 430px) {
    .titulo {
        font-size: 5vw;
    }

    .contenedor-footer-1 {
        grid-template-columns: repeat(2, 185px);
    }
}

@media(max-width: 370px) {
    .footer-list {
        margin: 10px 13px;
    }

    .contenedor-footer-1 {
        grid-template-columns: repeat(2, 160px);
    }

    .logo {
        margin-top: 5px;
        width: 230px;
    }
}
 @media (max-width: 380px) {
    .contenedor-footer-1{
        grid-template-columns: repeat(2, 170px);
    }
        .footer-list {
        margin: 10px 20px;
    }
    
 }
@media (max-width: 350px) {
    .contenedor-footer-2 {
        font-size: 18px;
    }
}

@media (max-width: 330px) {
    .contenedor-footer-2 {
        font-size: 16px;
    }

    .footer-list {
        margin: 10px 0;
    }

    .contenedor-footer-1 {
        grid-template-columns: repeat(2, 145px);
    }

    .logo {
        width: 220px;

    }
}

@media (max-width: 320px) {
    .contenedor-footer-2 {
        font-size: 15px;
    }

    .dropdown {
        min-width: 225px;
    }
}