.section.slogan h1 {font-size: 2.75rem;text-transform: uppercase;font-weight: 900; } @media (max-width: 575.98px) {.section.slogan h1 {font-size: 2rem;padding: 0.625rem 0;} } .section.slogan .benefits {margin: 3.75rem -5.875rem; } @media only screen and (max-width: 1592px) {.section.slogan .benefits {margin: 3.125rem 0;} } .section.slogan .benefits .claim {background: var(--light); } .section.slogan .benefits .claim .col-image {display: flex;flex-grow: 1;padding: 0; } .section.slogan .benefits .claim .col-image img {width: 100%;height: 100%;object-fit: cover; } .section.slogan .benefits .claim .col-text {padding: 4.0625rem 1.5625rem; } @media (max-width: 575.98px) {.section.slogan .benefits .claim .col-text {padding: 1.5625rem 1.25rem;} } .section.slogan .benefits .claim h3 {font-size: 2.75rem;font-weight: 900;text-transform: uppercase;text-align: center;line-height: 1.2; } @media (max-width: 575.98px) {.section.slogan .benefits .claim h3 {font-size: 1.75rem;padding: 0.625rem 0;} } .section.slogan .benefits .description {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0.9375rem 0.9375rem 0.9375rem 1.875rem; } .section.slogan .benefits .description p {font-size: 1.5rem; } @media (max-width: 575.98px) {.section.slogan .benefits .description p {font-size: 1.25rem;} } #section-7 .container {max-width: 100%; }