.content iframe {border: 0;width: 100%; } .content audio, .content video, .content canvas {width: 100%;display: block;margin: 0 auto; } .content img {max-width: 100%;height: auto; } .content figure {display: inline-block; } .content figcaption {font-size: 90%;color: var(--figure-caption-color); } .content h2 {color: var(--primary);font-weight: bold;text-align: center;margin-bottom: 2.1428571429rem; } .content p {font-size: 1.1428571429rem; } .content .main-frame {background: var(--light);text-align: center;padding: 2.1428571429rem;margin-bottom: 2.1428571429rem; } .content .main-frame p {font-size: 1.2857142857rem; } .content .grey-section, .content .blue-section, .content .image-section, .content .image-section2 {margin: 0 -1.4285714286rem;margin-bottom: 2.1428571429rem; } @media (min-width: 1920px) {.content .grey-section.full-width, .content .blue-section.full-width, .content .image-section.full-width, .content .image-section2.full-width {margin-left: calc(-50vw + 250px);margin-right: calc(-50vw + 250px);} } .content .grey-section.full-size, .content .blue-section.full-size, .content .image-section.full-size, .content .image-section2.full-size {padding: 4.2857142857rem 3.5714285714rem;text-align: center; } @media (max-width: 991.98px) {.content .grey-section.full-size, .content .blue-section.full-size, .content .image-section.full-size, .content .image-section2.full-size {padding: 1.4285714286rem;} } .content .grey-section img, .content .blue-section img, .content .image-section img, .content .image-section2 img {height: 100%;width: 100%;object-fit: cover; } .content .grey-section {background: var(--light); } .content .grey-section .column:last-child {margin: auto 0;padding: 2.1428571429rem; } .content .grey-section.full-size {padding: 2.8571428571rem 3.5714285714rem;text-align: center; } @media (max-width: 991.98px) {.content .grey-section.full-size {padding: 1.4285714286rem;} } .content .blue-section {background: var(--secondary);color: var(--white); } .content .blue-section .column:first-child {margin: auto 0;padding: 2.1428571429rem; } .content .blue-section h3 {color: var(--white); } .content .image-section {background: var(--light);background-size: cover;background-position: center;min-height: 14.2857142857rem;position: relative;padding: 3.5714285714rem 2.1428571429rem;text-align: center; } .content .image-section::after {content: "";position: absolute;top: 0;left: 0;background: rgba(var(--black), 0.7);width: 100%;height: 100%; } .content .image-section .section-content {position: inherit;z-index: 2; } .content .image-section .section-content h1, .content .image-section .section-content h2, .content .image-section .section-content h3, .content .image-section .section-content p {color: var(--white); } .content .image-section2 {background: var(--light);background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 20rem;position: relative;padding: 3.5714285714rem 2.1428571429rem;text-align: center;display: flex;flex-direction: column;justify-content: center;height: 100%; } .content .image-section2::after {content: "";position: absolute;top: 0;left: 0;background: rgba(var(--black), 0.7);width: 100%;height: 100%; } .content .image-section2 .section-content {position: inherit;z-index: 2; } .content .image-section2 .section-content h1, .content .image-section2 .section-content h2, .content .image-section2 .section-content h3, .content .image-section2 .section-content p {color: var(--white); } .content .image-section2 .section-content .btn-outline-white {text-decoration: none;border-width: 2px; } .content .row.image-cards {margin: 0 -2rem; } .content .row.image-cards > * {margin-bottom: 1.4285714286rem; } .content .row .image-section2 {margin: 0; }