@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.25rem;
    }
    h2,
    .h2 {
        font-size: 1.75rem;
    }
    h3,
    .h3 {
        font-size: 1.5rem;
    }
    h4,
    .h4 {
        font-size: 1.25rem;
    }
    h5,
    .h5 {
        font-size: 1.125rem;
    }
}

@media (min-width: 992px) {
    .navbar-nav.social {
        gap: 8px;
    }
    .img-card,
    .img-card.right {
        flex-direction: row;
    }
}

@media (min-width:768px) {
    .legales {
        flex-flow: row wrap;
    }
    .hero-banner.socio {
        background-image: url('../_Images/banners/atencion-socio/hero-banner.png');
    }
    .hero-banner.socio :is(.text-container) {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (min-width:576px) and (max-width: 767px) {
    .img-card,
    .img-card.right {
        flex-direction: row;
    }
}

@media (min-width:576px) {
    .icon-card {
        flex-flow: column wrap;
    }
    .icon-card.horizontal {
        flex-flow: row wrap;
    }
}