@media (max-width: 1200px) {
    .video {
        margin-right: 60px;
        width: 34vw;
    }

    .slogan h1 {
        font-size: 4.2vw;
    }

    .slogan p {
        font-size: 2.2vw;
    }

    .slogan-des {
        width: 94%;
    }

    .btn-slogan {
        font-size: 1.4vw;
    }

    .slogan-carta {
        width: 100%;
    }

    .slogan-titulo {
        font-size: 3.3vw;
    }

    .parrafo-slogan {
        font-size: 2.6vw;
    }
}

@media (max-width: 960px) {
    .slogan h1 {
        font-size: 4.4vw;
    }

    .slogan p {
        font-size: 2.3vw;
    }

    .video {
        width: 37vw;
        margin-right: 40px;
    }

    .parrafo-slogan {
        font-size: 2.7vw;
    }

    .slogan-titulo {
        font-size: 3.4vw;
    }
}

@media (max-width: 915px) {
    .slogan h1 {
        font-size: 4.3vw;
    }

    .slogan p {
        font-size: 2.3vw;
    }
}

@media (max-width: 840px) {
    .video {
        display: none;
    }

    .cont-slogan-inicio {
        justify-content: center;
    }

    .slogan {
        width: 90%;
        margin-left: 0;
    }

    .slogan h1 {
        font-size: 4.9vw;
    }

    .slogan p {
        font-size: 2.8vw;
    }

    .btn-slogan {
        padding: 10px 70px;
        font-size: 1.7vw;
        margin-top: 20px;
    }

    .btn-slogan-cotizar {
        font-size: 1.8vw;
    }
}

@media (max-width: 780px) {
    .slogan {
        width: 80%;
    }

    .slogan h1 {
        font-size: 7.4vw;
    }

    .slogan-des {
        width: 80%;
    }

    .slogan p {
        font-size: 3.2vw;
    }

    .parrafo-slogan {
        font-size: 3vw;
    }

    .slogan-titulo {
        font-size: 3.6vw;
    }
}

@media (max-width: 700px) {
    .slogan-carta {
        width: 70%;
    }

    .slogan-titulo {
        font-size: 4.8vw;
    }

    .parrafo-slogan-cont {
        width: 90%;
    }

    .parrafo-slogan {
        font-size: 3.3vw;
    }

    .slogan h1 {
        font-size: 7.6vw;
    }

    .slogan h1 {
        font-size: 7.6vw;
    }
}

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

    .parrafo-slogan {
        font-size: 3.6vw;
    }

    .btn-slogan-cotizar {
        font-size: 2.3vw;
    }

    .separador {
        padding-bottom: 20px;
    }

    .btn-slogan {
        font-size: 2vw;
    }
}

@media (max-width: 600px) {
    .slogan h1 {
        font-size: 8vw;
    }

    .slogan p {
        font-size: 3.9vw;
    }

    .slogan-des {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .btn-slogan {
        font-size: 2.3vw;
    }

    .slogan h1 {
        font-size: 8.3vw;
    }

    .slogan p {
        font-size: 4.2vw;
    }

    .slogan-carta {
        width: 90%;
    }

    .slogan-titulo {
        font-size: 5.3vw;
    }

    .parrafo-slogan {
        font-size: 4vw;
    }

    .btn-slogan-cotizar {
        font-size: 2.6vw;
    }

    .btn-slogan {
        padding: 10px 60px;
    }
}

@media (max-width: 480px) {
    .slogan h1 {
        font-size: 8.5vw;
    }

    .slogan p {
        font-size: 4.5vw;
    }

    .btn-slogan {
        padding: 10px 50px;
        font-size: 2.5vw;
    }

    .slogan-titulo {
        font-size: 5.6vw;
    }

    .parrafo-slogan {
        font-size: 4.5vw;
    }

    .btn-slogan-cotizar {
        font-size: 2.8vw;
    }
}

@media (max-width: 480px) {
    .slogan h1 {
        font-size: 8.6vw;
    }

    .slogan p {
        font-size: 5vw;
    }

    .btn-slogan {
        font-size: 2.8vw;
    }

    .botones-slogan {
        gap: 30px;
    }

    .slogan-titulo {
        font-size: 5.8vw;
    }

    .parrafo-slogan {
        font-size: 4.9vw;
    }

    .btn-slogan-cotizar {
        font-size: 3.2vw;
    }
}

@media (max-width: 400px) {
    .slogan {
        width: 90%;
    }

    .slogan h1 {
        font-size: 9vw;
    }

    .slogan p {
        font-size: 5.5vw;
    }

    .botones-slogan {
        gap: 20px;
    }

    .slogan-titulo {
        font-size: 6vw;
    }

    .parrafo-slogan {
        font-size: 5.2vw;
    }

    .btn-slogan-cotizar {
        font-size: 3.4vw;
        padding: 10px 30px;
    }

    .btn-slogan {
        font-size: 3.1vw;
        padding: 10px 40px;
    }
    .carta-servicio{
        height: auto;
    }
}

@media (max-width: 370px) {
    .slogan h1 {
        font-size: 9.5vw;
    }

    .slogan p {
        font-size: 6vw;
    }

    .btn-slogan {
        font-size: 3.4vw;
    }

    .slogan-titulo {
        font-size: 6.3vw;
    }

    .parrafo-slogan {
        font-size: 5.5vw;
    }
}

@media (max-width: 340px) {
    .slogan h1 {
        font-size: 9.6vw;
    }

    .slogan p {
        font-size: 6.1vw;
    }

    .btn-slogan {
        padding: 10px 30px;
    }

    .parrafo-slogan {
        font-size: 5.8vw;
    }

    .btn-slogan-cotizar {
        font-size: 3.6vw;
    }
}

@media (max-width: 300px) {
    .slogan h1 {
        font-size: 9.4vw;
    }

    .slogan p {
        font-size: 6vw;
    }

    .btn-slogan {
        font-size: 3.7vw;
        padding: 9px 25px;
    }
    .btn-slogan-cotizar{
        letter-spacing: 2px;
    }
}