@media screen and (min-width: 360px) {
  .item {
    width: 90%;
  }
  .h4 {
    font-size: 44px;
    line-height: 66px;
  }
  .titoloindex {
    font-size: 80px;
    line-height: 100px;
  }
  .titoloitem {
    font-size: 66px;
  }
  .titoloprezzo {
    font-size: 48px;
  }
  .testofooter {
    font-size: 22px;
  }
  .cta {
    width: 340px;
    height: 224px;
  }
  .cta2 {
    width: 385px;
    height: 224px;
  }
}
@media screen and (min-width: 1024px) {
  .item {
    width: 25.5%;
  }
  .h4 {
    font-size: 22px;
    line-height: 33px;
  }
  .titoloindex {
    font-size: 40px;
    line-height: 60px;
  }
  .titoloitem {
    font-size: 33px;
  }
  .testofooter {
    font-size: 12px;
  }
  .titoloprezzo {
    font-size: 23px;
  }
  .cta {
    width: 160px;
    height: 44px;
  }
  .cta2 {
    width: 205px;
    height: 44px;
  }
}
/*sito*/
#topbar {
  background-color: #fff;
  height: 100px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: +1;
  border-bottom: 0px solid #171C20;
}
#footer {
  height: 150px;
  padding: 130px 0px 0px 0px;
  border-top: 1px solid #828282;
}
#printz {
  right: 50px;
  float: right;
  position: relative;
  top: 30%;
  width: 160px;
  height: 40px;
}
#logo {
  float: left;
  left: 50px;
  top: 40%;
  position: relative;
  width: 24px;
  height: 24px;
}
#wrapperabout {
  background: url("images/alessio-shot.jpg") no-repeat center center;
}
#intro {
  background-color: #fff;
  padding: 50px 100px 50px 100px;
  margin-top: 100px;
}
#text-item {
  padding: 50px 100px 50px 100px;
}
#simula {
  width: 90%;
  margin: 0 auto;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
}
#wrapper {}
.item {
  display: inline-block;
  padding: 50px;
}
.cta {
  position: relative;
}
#head {
  background: url("images/headers.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #23DB91;
  width: 100%;
  height: 400px;
  margin-top: 100px;
}
/*fonts*/
@font-face {
  font-family: "myFont";
  src: url(font/NeueMachina-Regular.otf);
}
body, td, th {
  color: #171C20;
  font-family: "myFont";
  line-height: 36px;
}
.h4 {
  font-family: 'myFont';
  color: #171C20;
}
.titoloindex {
  font-family: 'myFont';
  color: #23DB91;
}
.titoloprezzo {
  font-family: 'myFont';
  color: #171C20;
}
.titoloitem {
  font-family: 'myFont';
  color: #23DB91;
}
.testoorder {
  font-family: 'myFont';
  font-size: 22px;
  color: #171C20;
}
.testofooter {
  font-family: 'myFont';
  color: #828282;
}
a:link {
  color: #171C20;
}
a:visited {
  color: #171C20;
  text-decoration: none;
}
a:hover {
  color: #23DB91;
  text-decoration: none;
}
a:active {
  color: #171C20;
  text-decoration: none;
}