.main {flex-grow: 1;padding-bottom: 1rem; } .main .title-bg {padding-top: 7.5rem;margin-bottom: 1.875rem;position: relative;background: var(--light); } @media (max-width: 991.98px) {.main .title-bg {padding-top: 5rem;} } .main .title-bg .banner-bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0; } .main .title-bg .container {position: inherit; } .main .title-bg .container .title {color: var(--white);font-size: 3.1875rem;text-transform: uppercase;font-weight: 900; } @media (max-width: 991.98px) {.main .title-bg .container .title {font-size: 1.875rem;padding: 1.25rem 0;} } .main .content {padding: 1.25rem; } .main .content h1, .main .content h2, .main .content h3 {color: var(--black);text-transform: uppercase;font-weight: 900; } .main .content h1 {font-size: 2.25rem;padding-top: 0; } @media (max-width: 991.98px) {.main .content h1 {font-size: 1.875rem;padding: 1.25rem 0;} } .main .content h2 {font-size: 1.75rem; } .main .content h3 {font-size: 1.5rem; } .main .content a:not(.btn) {text-decoration: underline;font-weight: bold;color: var(--color1); } .main .content a:not(.btn):hover {text-decoration: none;color: var(--primary); } .main .content .grey-section, .main .content .yellow-section, .main .content .image-section, .main .content .image-section2 {margin: 0 -1.25rem;margin-bottom: 1.875rem; } .main .content .grey-section.full-width, .main .content .yellow-section.full-width, .main .content .image-section.full-width, .main .content .image-section2.full-width {margin: 0 -16.375rem; } .main .content .grey-section.full-size, .main .content .yellow-section.full-size, .main .content .image-section.full-size, .main .content .image-section2.full-size {padding: 2.5rem 3.125rem;text-align: center; } @media (max-width: 991.98px) {.main .content .grey-section.full-size, .main .content .yellow-section.full-size, .main .content .image-section.full-size, .main .content .image-section2.full-size {padding: 1.25rem;} } .main .content .grey-section img, .main .content .yellow-section img, .main .content .image-section img, .main .content .image-section2 img {height: 100%;width: 100%;object-fit: cover; } .main .content .grey-section {background: var(--light); } .main .content .grey-section .column:last-child {margin: auto 0;padding: 1.875rem; } .main .content .grey-section.full-size {padding: 2.5rem 3.125rem;text-align: center; } @media (max-width: 991.98px) {.main .content .grey-section.full-size {padding: 1.25rem;} } .main .content .yellow-section {background: rgba(99, 123, 36, 0.1); } .main .content .yellow-section .column:first-child {margin: auto 0;padding: 1.875rem; } .main .content .image-section {background: url("/static/img/pozadi_clanek.jpg");background-size: cover;background-position: center;min-height: 12.5rem;position: relative;padding: 3.125rem 1.875rem;text-align: center; } .main .content .image-section::after {content: "";position: absolute;top: 0;left: 0;background: rgba(var(--black), 0.7);width: 100%;height: 100%; } .main .content .image-section .section-content {position: inherit;z-index: 2; } .main .content .image-section .section-content h1, .main .content .image-section .section-content h2, .main .content .image-section .section-content h3, .main .content .image-section .section-content p {color: var(--white); } .main .content .image-section2 {background: var(--light);background-size: cover;background-position: center;min-height: 17.5rem;position: relative;padding: 3.125rem 1.875rem;text-align: center;display: flex;flex-direction: column;justify-content: center; } .main .content .image-section2::after {content: "";position: absolute;top: 0;left: 0;background: rgba(var(--black), 0.5);width: 100%;height: 100%; } .main .content .image-section2 .section-content {position: inherit;z-index: 2; } .main .content .image-section2 .section-content h1, .main .content .image-section2 .section-content h2, .main .content .image-section2 .section-content h3, .main .content .image-section2 .section-content p {color: var(--white); } .main .content .image-section2 .section-content .btn-outline-white {text-decoration: none;border-width: 2px; } .main .content .row.image-cards {margin: 0 -1.75rem; } .main .content .row.image-cards > * {margin-bottom: 1.25rem; } .main .content .row .image-section2 {margin: 0; }