body, html{
  height:100%;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
  /* scorrimento fluido della pagina */
  scroll-behavior: smooth;
}

img{
  max-width: 100%;
}


/* HEADER con testo animato */

.hero-section-text{
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("../images/bg-nothing-to-see.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-bottom:1px solid #f2f2f2;
  filter:contrast(200%);

  /*background-color:#e93e8f;*/

}

div.middle{
  top:0;
  right:0;
  bottom:0;
  left:0;
  position:absolute;
  margin:auto;
  height:120px;
  width:100%;
  text-align:center;
  font-weight:900;
  color:#e93e8f;
  text-shadow: 3px 3px #000;


}
.text-type-animation{
  text-transform:uppercase;
  font-size:6em;
  font-weight:900;

}
.txt-rotate{
  color:white;
}




/* Aggiungo i controlli sulla base delle dimensioni della viewport */

/* 48em = 768px */
@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}