.section.section-guides {max-width: 1920px;margin: 0 auto; } .section.section-guides .card {width: 100%;flex-direction: row;border: 0;box-shadow: 0 0.2142857143rem 2.8571428571rem rgba(var(--black), 0.16);text-decoration: none !important;padding-top: 1.1428571429rem;padding-bottom: 1.1428571429rem;transition-duration: 250ms;transition-property: color, background; } @media (min-width: 768px) {.section.section-guides .card {aspect-ratio: 426/185;} } .section.section-guides .card .card-img-top {max-width: 11.5rem;display: flex;align-items: center;flex-basis: 25%;flex-shrink: 0; } .section.section-guides .card .card-body {justify-content: center; } .section.section-guides .card .card-title {font-size: 1.1428571429rem;font-weight: 700;text-transform: uppercase;text-align: center;color: var(--black);margin: 0;transition-duration: 250ms;transition-property: color; } @media (min-width: 992px) {.section.section-guides .card .card-title {font-size: 1.4285714286rem;} } @media (min-width: 1300px) {.section.section-guides .card .card-title {font-size: 2.0714285714rem;} } .section.section-guides .card:hover {background: var(--secondary);color: var(--white); } .section.section-guides .card:hover .card-title {color: var(--white); } .section.section-slides + .section-guides {margin-top: -5rem;z-index: 1; }