/* Habria que annadir las clases que estan aqui en el html al sacar la estructura html de la plantilla para convertirlo en estatico.
   Luego es sustuir las clases que vienen en la plantilla (h1,h2,h3) y annadir un <p> con la clase .ibd_banner_descripcion.    
*/

h1,
h2 {
    margin: 0;
    padding: 0;
}

/* Title/XS */
.banner .card .ibd_banner__titulo {
    margin-bottom: 8px;
}

/* Title/M */
.banner .card .ibd_banner__subtitulo {
    margin-bottom: 16px;
}

/* Body/Regular/L */
.banner .card .ibd_banner_descripcion {
    margin-bottom: 32px;
}

@media (min-width: 576px) {
    .banner.banner {
        padding: 32px 42px;
    }
}

@media (min-width: 768px) {
    .banner.banner {
        padding: 32px 42px;
    }
}

@media(min-width: 992px) {

    .banner .card.ibd_banner__titulo,
    .banner .card .ibd_banner__subtitulo,
    .banner .card .ibd_banner_descripcion {
        text-align: center;

    }

    .banner.banner {
        padding: 32px 82px;
    }

    .banner .card .ibd_banner__titulo {
        margin-bottom: 16px;
        text-align: center;
    }

    .banner .card .ibd_banner_descripcion {
        margin-bottom: 24px;
        text-align: center;
    }

    .ibd-hero-banner2__bg-img {
        border-radius: 0 0 48px 48px;
    }
}

@media(min-width: 1200px) {

    .banner.banner {
        padding-left: 102px;
    }

}

@media(min-width: 1920px) {

    .banner.banner {
        padding-left: 102px
    }

}