body{
  width: 100%;
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  margin: 0px;
  padding: 0px;
  background: #e2fdff;
  background-image: url(../img/city2.png);
  background-image: url(../img/city2.png), linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(226,253,255,1) 50%);

  background-position: bottom;
  background-size: initial;
  background-repeat: repeat-x;
}
.under {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-100%);
    text-align: center;
    font-family: 'Michroma', sans-serif;
}
.titolo{
  color: #b8e6ea;
  margin-bottom: 0;
  margin-top: 0px;
}
.sottotitolo{
  color: #3ba4ae;
  font-size: 1.15em;
  margin-top: 0;
  margin-bottom: 5px;
}
.text{
  color: #266f70;
  font-size: .7em;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  body{
    background-size: contain;
  }
}