.banner {
    background-image: url("../img/heading/promociones_head.jpg");
}

.promo-container {
    position: relative;
    width: 80%;
    max-width: 770px;
    margin: 0 auto 60px;
}

.promo-container img {
    width: 100%;
}

.promo-container .button {
 position: absolute;
 width: fit-content;
 right: 0;
 bottom: 40px;
}

.button a {
    background-color: #231f20;
    font-size: 16px;
    padding: 15px 15px;
}

/* Modificamos el tamaño de las imagenes del carrusel */
.swiper-slide {
    height: 67vw !important;
    max-height: 516px !important;    
}

@media screen and (min-width: 320px) and (max-width: 1100px) {
    .promo-container {
        width: 80%;
    }
}

@media screen and (min-width: 320px) and (max-width: 850px) {
    .promo-container {
        width: 90%;
    }
}

@media screen and (min-width: 320px) and (max-width: 470px) {
    .promo-container {
        width: 100%;
        margin: 0 auto 50px;
    }

    .main-title {
        font-size: 35px;
    }

    .subtitle {
        font-size: 14px;
        margin-bottom: 15px;
    }
}