html {
  overflow-x: hidden;
}

body {
  background: url(../img/sfondo.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.logo {
  height: 150px;
}

.main {
  max-width: 768px;
  text-align: justify;
}

@font-face {
  font-family: harmond;
  src: url(../caratteri/Harmond-ExtraBoldExpanded.otf);
}

@font-face {
  font-family: nunito;
  src: url(../caratteri/Nunito-Regular.ttf);
}

p {
  font-family: nunito;
}

h2 {
  font-family: harmond;
}

h4.head {
  text-align: center;
  font-family: nunito;
  width: 100%;
}


.locandina {
  border-radius: 15px;
}


.your-class .slide {
  margin: 0px 15px;
  text-align: center;
}

.your-class img {
  width: 100%;
  border-radius: 15px;

}


.slick-slide {
  transform: scale(0.9);
  transition: all 0.3s;
}

.slick-slide:hover {
  transform: scale(0.89);
  transition: all 0.3s;
}

.slick-slide.slick-current.slick-active.slick-center {
  transform: scale(1);
}

.slick-slide.slick-current.slick-active.slick-center:hover {
  transform: scale(0.99);
}

.slide p {
  font-family: nunito;
  font-weight: 600;
  position: absolute;
  bottom: -16px;
  padding: 20px 20px 20px 20px;
  width: 100%;
  background: linear-gradient(0deg, #1a418c, rgb(26 65 140 / 0%)), linear-gradient(0deg, #1a418c, rgb(26 65 140 / 0%));
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #fff;
  opacity: 0;
  transition: all 0.3s;
}

.slick-slide:hover p {
  opacity: 1;
}



video {
  width: 100%;
  border-radius: 15px;
}




@media screen and (max-width: 768px) {
  .logo {
    height: 100px;
  }
}


form input {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  border: none;
  padding: 6px 8px;
  box-shadow: 0px 2px 8px 0px rgb(51 51 51 / 10%);
  margin-bottom: 10px;
}


small li h2 {
  font-family: 'nunito';
  text-align: left;
  font-size: 1rem;
}