html {
  font-family:"hanken grotesk";
}

.cont1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight:900;
  padding:20px;
}

.cont2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color:#F6FCDF;
  padding:40px;
}
p {
  text-align:center;
}
.slide1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  background-image: url("https://www.tsasfalti.it/wp-content/uploads/2024/03/Progetto-senza-titolo-2024-03-18T121411.512-1.png");
   background-repeat: no-repeat;
   background-position: center;
  color:white;
}

.footer {
  background-color:black;
  color:white;
  padding:20px;
}

#linkTS {
  padding:20px;
  background-color: #31511E;
  border:none;
  border-radius:15px;
  color: white;
  font-family:"hanken grotesk";
  font-weight:bold;
  text-transform:uppercase;
}

#linkTS:hover {
  background-color:#859F3D;
  cursor: pointer;
}

#tslink {
  font-size:0.8em;
}
.collegamento {
  color:black;
}

@media only screen and (max-width: 600px) {
  p {
    font-size:1rem;
  }
  h1 {
    font-size:2.5rem;
    text-align:center;
  }
  h2 {
   font-size:2rem;
    text-align:center;
  }
  
  #fp {
    font-size:0.8rem;
  }
}html {
  font-family:"hanken grotesk";
}

.cont1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight:900;
  padding:20px;
}

.cont2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color:#F6FCDF;
  padding:40px;
}
p {
  text-align:center;
}
.slide1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  background-image: url("https://www.tsasfalti.it/wp-content/uploads/2024/03/Progetto-senza-titolo-2024-03-18T121411.512-1.png");
   background-repeat: no-repeat;
   background-position: center;
  color:white;
}

.footer {
  background-color:black;
  color:white;
  padding:20px;
}

#linkTS {
  padding:20px;
  background-color: #31511E;
  border:none;
  border-radius:15px;
  color: white;
  font-family:"hanken grotesk";
  font-weight:bold;
  text-transform:uppercase;
}

#linkTS:hover {
  background-color:#859F3D;
  cursor: pointer;
}

#tslink {
  font-size:0.8em;
}
.collegamento {
  color:black;
}

@media only screen and (max-width: 600px) {
  p {
    font-size:18px;
  }
  h1 {
    font-size:2rem;
    text-align:center;
  }
  h2 {
   font-size:25px;
    text-align:center;
  }
  
  #fp {
    font-size:13px;
  }
}