.section.slides {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;max-width: 1920px;height: 100vh;min-height: 695px;max-height: 695px;margin: 0 auto; } .section.slides.section-first {margin-top: -130px; } .section.slides .carousel {display: block;position: relative;width: 100%;height: 100%; } .section.slides .carousel .holder {height: 100%;overflow: hidden; } .section.slides .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .section.slides .carousel .holder .col {flex-shrink: 0;height: 100%; } .section.slides .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100vh;min-height: 695px;max-height: 695px; } .section.slides .carousel .holder .slide {height: 100%; } .section.slides .carousel .holder .image {width: 100%;height: 100%;position: relative; } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-landscape {display: block;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-landscape {display: none;} } @media (orientation: landscape) {.section.slides .carousel .holder .image.image-portrait {display: none;} } @media (orientation: portrait) {.section.slides .carousel .holder .image.image-portrait {display: block;} } .section.slides .carousel .holder .image::after {content: " ";position: absolute;width: 100%;height: 100%;inset: 0; } .section.slides .carousel .holder .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.slides .carousel .holder .container {display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;z-index: 1;height: 100%;top: 0;left: 50%;transform: translateX(-50%);max-width: none;max-height: 640px; } .section.slides .carousel .holder .container .logo {position: absolute;bottom: 40px;max-width: 90%;width: 417px;height: 417px;left: 50%;transform: translateX(-50%); } .section.slides .carousel .holder .container .logo .img-fluid {width: 100%;height: 100%;object-fit: contain; } .section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {color: white;font-weight: 800;position: absolute;bottom: 0.2666666667rem;font-size: 1.6rem;text-align: right;letter-spacing: 0.0666666667rem;line-height: 1;max-width: none;right: 40%;bottom: 10%;text-shadow: 0 0 2.2857142857rem #000; } @media (min-width: 576px) {.section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-size: 32px;right: 49%;bottom: 18px;} } @media (min-width: 768px) {.section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-size: 48px;} } @media (min-width: 1166px) {.section.slides .carousel .holder h1, .section.slides .carousel .holder .h1 {font-size: 70px;} }