* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
  font-size: 100%;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  touch-action: manipulation;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  overflow-x: hidden;
  color: #fff;
}
p{
  font-family: "Merriweather", serif;
  font-size:1.5rem;
  color:#fff;
}
.sfondo{
  background-image: url("../img/sfondo.png");
  background-position: center center;
  background-repeat: no-repeat;

}
.testo{
 position: absolute;
 bottom: 100px;
 left: 50%;
 transform: translateX(-50%); 
 white-space: nowrap;
}
.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.logoresponsive {
  width: 40%;
  height: auto;
  margin-bottom: 20px;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
.altezza {
  height: 100%;
}

@media screen and (max-width: 1024px) {
.logoresponsive {width: 80%;}
p{font-size: 20px;}
.testo {bottom: 80px;}
}

@media screen and (max-width: 568px) {
.logoresponsive {width: 80%;}
p{font-size: 8px;}
.testo {bottom: 80px;}
}