#herohome {
  width: 100vw;
  height: 100vh;
  background: url("../../assets/img/araldo/citta_mobile.jpg") top / cover no-repeat;
  font-family: Raleway, sans-serif;
  filter: brightness(83%) contrast(162%) saturate(75%);
}

#hero {
  width: 100vw;
  height: 100vh;
  background: url("../../assets/img/arte/inside.jpeg") top / cover no-repeat;
  font-family: Raleway, sans-serif;
  filter: brightness(83%) contrast(162%) saturate(75%);
}

@media (min-width: 768px) {
  #herohome {
    width: 100vw;
    height: 100vh;
    color: #ffffff;
    font-family: Raleway, sans-serif;
    filter: brightness(83%) contrast(162%) saturate(75%);
    background: url("../../assets/img/araldo/citta_desk.jpg");
  }
}

@media (min-width: 768px) {
  #hero {
    background: url("../../assets/img/arte/inside.jpeg") top / cover no-repeat;
    width: 100vw;
    height: 100vh;
    color: #ffffff;
    font-family: Raleway, sans-serif;
    filter: brightness(83%) contrast(162%) saturate(75%);
  }
}

.nav-item {
  color: var(--bs-red);
  font-weight: lighter;
}

#menu-link {
  color: var(--bs-light);
  font-family: Raleway, sans-serif;
}

#button-clear {
  border-color: rgb(76,76,76);
  background: rgba(52,58,64,0);
  color: rgb(76,76,76);
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 24px;
  padding-left: 24px;
}

@media (min-width: 768px) {
  #half-page-image {
    width: 80%;
    padding: 43px;
  }
}

#title_araldo {
  padding: 0px;
}

#nav-standard {
  padding-right: 5px;
}

@media (min-width: 576px) {
  #nav-standard {
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  #half-page-image {
    width: 30%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

#overhero {
  filter: brightness(131%) contrast(126%);
}

#dispensa_slide1 {
  background: url("../../assets/img/araldo/salumi.png");
  background-size: cover;
}

#dispesa_slide2 {
  background: url("../../assets/img/araldo/sughi.png");
  background-size: cover;
}

#dispensa_slide3 {
  background: url("../../assets/img/araldo/marmellate.png");
  background-size: cover;
}

#presepi_slide1 {
  background: url("presepi/13.png") center / cover;
}

#slide_presepi2 {
  background: url("presepi/6.png") center / cover;
}

#slide_presepi3 {
  background: url("presepi/14.png") center / cover;
}

h2 {
  color: #56585b;
  padding-top: 40px;
  color: inherit;
  font-family: Raleway, sans-serif;
  color: #56585b;
}