#hero {
  background: url("../../assets/img/Barcelona-Suite.jpeg") center / cover no-repeat;
  height: 550px;
}

@media (min-width: 992px) {
  #hero {
    background: url("../../assets/img/Barcelona-Suite.jpeg") center / cover no-repeat;
    height: 350px;
  }
}

#furntiture-hero {
  background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
  height: 550px;
}

#about-hero {
  background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
  height: 550px;
}

@media (min-width: 992px) {
  #about-hero {
    background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
    height: 350px;
  }
}

#soft-furnishings-hero {
  background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  height: 550px;
}

#soft-furnishings-hero {
  background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  height: 550px;
}

#curtains-hero {
  background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
  height: 550px;
}

#shutters-hero {
  background: url("../../assets/img/shutters-4.webp") center / cover no-repeat;
}

#accessories-hero {
  background: url("../../assets/img/IMG_2291.jpg") center / cover no-repeat;
  height: 550px;
}

#furniture-hero {
  background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
  height: 550px;
}

#privacy-hero {
  background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
  height: 550px;
}

@media (min-width: 992px) {
  #sost-furnishings-hero {
    background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #curtains-hero {
    background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #soft-furnishings-hero {
    height: 350px;
    background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  }
}

@media (min-width: 992px) {
  #furniture-hero {
    background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #privacy-hero {
    background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #accessories-hero {
    background: url("../../assets/img/IMG_2291.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #shutters-hero {
    background: url("../../assets/img/shutters-4.webp") center / cover no-repeat;
    height: 350px;
  }
}

#logo {
  max-width: 100px;
}

#title {
  color: var(--bs-gray-100);
}

#subtitle {
  color: var(--bs-gray-100);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--bs-body-bg);
}

#mask {
  margin-top: -550px;
  height: 550px;
  background: rgba(33,31,31,0.5);
}

@media (min-width: 992px) {
  #mask {
    margin-top: -350px;
    height: 350px;
    background: rgba(33,31,31,0.5);
  }
}

.navbar-light .navbar-toggler {
  color: #fff !important;
  border-color: #fff;
}

.customer-names {
  color: var(--bs-pink);
}

#ycf-footer {
  background: #3c2126 !important;
}

.ycf-burg {
  background-color: #3c2126;
  color: #ffffff;
}

.ycf-burg:hover {
  background-color: #3c2126;
  color: #818488;
}

.copyright {
  font-size: 10px;
}

.dbes-logo {
  width: 20px;
}

.dbes {
  color: #ffffff;
  text-decoration: none;
}

.dbes:hover {
  color: #818488;
  text-decoration: none;
}

.supplier-list li {
  list-style-type: none;
  margin-top: 10px;
}

.supplier-list-image {
  max-width: 100px;
  background-color: rgba(33,31,31,0.5);
  padding: 10px;
}

.vh100 {
  height: 100vh;
}

@media (min-width: 992px) {
  .nav-link {
    text-align: center !important;
  }
}

#latest p a {
  color: #ffffff;
}

#main-promotion {
  margin-bottom: 40px;
}

.framed {
  border: double 6px #333;
}

.ycf-shadow {
  box-shadow: #ccc 10px 10px 10px;
}

#sofa-carousel {
  background-color: var(--bs-gray-500);
  border: double;
}

#porto-collection {
  background-color: #3c2126;
  color: #ffffff;
  padding-top: 40px;
  padding-bottom: 100px;
}

.roomSetMainImg{
  width: 100%;
  max-width: 950px;
}