.slideshow__caption.slide-index .slideshow__caption-wrapper {
    background: var(--header);
    text-align: center;
}

.slideshow__caption.slide-index h2.slideshow__title,
.slideshow__caption.slide-index p {
    color: #fff;
}

.slideshow__caption.slide-index .slideshow__btn-wrapper a {
    color: #8b5a47;
    background: #fff;
    border: 1px solid #fff;
}

.slideshow__caption.slide-index .slideshow__btn-wrapper a:hover {
    color: #fff;
}

.slideshow__caption.slide-index {
    top: 75%;
    left: 80%;
    -webkit-transform: translate(-80%, -75%);
    -ms-transform: translate(-80%, -75%);
    -moz-transform: translate(-80%, -75%);
    -o-transform: translate(-80%, -75%);
    transform: translate(-80%, -75%);
}

@media screen and (max-width: 740px) {
    .slide-index .slideshow__slide-desktop .box-ratio {
        --padding-bottom: 550px !important;
    }

    .slide-index .slideshow__slide-desktop img {
        object-fit: cover;
        object-position: center;
        --height: 550px !important;
    }

    .slide-index .slideshow__slide-desktop {
        display: block;
    }

    .slideshow__slide .slideshow__caption.slide-index {
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
        transform: translate(0, 0);
    }

    .slideshow__slide .slideshow__caption.slide-index .slideshow__caption-wrapper {
        width: 100%;
    }
}

    

.gallery__item.item-index-content-promotion .gallery__item-caption {
  text-align: left;
}
.gallery__item.item-index-content-promotion .gallery__item-container h3,
.gallery__item.item-index-content-promotion .gallery__item-container p,
.gallery__item.item-index-content-promotion .gallery__item-container a {
  color: #ffffff;
}

.gallery__item.floating__text.item-index-content-promotion .gallery__item-container .gallery__item-caption,
.gallery__item.floating__text.item-index-content-promotion .gallery__item-container .gallery__item-caption > a {
  position: absolute;
  top: 86%;
  left: 10%;
  -webkit-transform: translate(-10%, -86%);
  -ms-transform: translate(-10%, -86%);
  -moz-transform: translate(-10%, -86%);
  -o-transform: translate(-10%, -86%);
  transform: translate(-10%, -86%);
}
    
#section-index-content-promotion .gallery__item .gallery__item-container h3 {
  font-size: 24px;
}
#section-index-content-promotion .gallery__item .gallery__item-container p {
  font-size: 14px;
}
#section-index-content-promotion .gallery__item > a {
  display: inline-block;
  width: 100%;
  padding: 1px;
}


.image__overlay-section.section-index-column-picture .image__overlay-caption {
  text-align: left;
  top: 50%;
  left: 16%;
  -webkit-transform: translate(-16%, -50%);
    -ms-transform: translate(-16%, -50%);
      -moz-transform: translate(-16%, -50%);
      -o-transform: translate(-16%, -50%);
      transform: translate(-16%, -50%);
}

.image__overlay-section.section-index-column-picture .image__overlay-container {
  height: 700px;
}
.image__overlay-section.section-index-column-picture .image__overlay-caption h3 {
  font-size: 24px;
  color: #ffffff;
}
.image__overlay-section.section-index-column-picture .image__overlay-caption p {
  font-size: 16px;
  color: #ffffff;
}
.image__overlay-section.section-index-column-picture .image__overlay-caption a {
  background-color: #8b5a47;
  border: 1px solid #8b5a47;
  color: #ffffff;
}
.image__overlay-section.section-index-column-picture .image__overlay-caption a:hover {
  color: #8b5a47
}
@media screen and (max-width: 740px) {
  .image__overlay-section.section-index-column-picture .image__overlay-container {
    height: 440px;
  }
}

.rich__text-column.block-index-brand-info {    
    width: 50%;
    justify-self: center;    
}




.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image {
height: 450px;
overflow: hidden;
}
.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image .box-ratio {
padding-bottom: 450px ! important;
}
.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image img {
height: 450px;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 740px) {
  
.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image {
  height: 300px;
}
.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image .box-ratio {
  padding-bottom: 300px ! important;
}
.textWithImage__column-container.section-index-brand-atlas .textWithImage__column-image img {
  height: 300px;
}
}