.container-fluid{
  background-color: #151515;
  height: 100vh;
  width: auto;
  color: white;
}

@media screen and (min-width: 820px){


.contenuto{
  margin-top: 10vh;
}

h1{
  font-family: 'Fjalla One', sans-serif; font-size: 3rem; font-weight: 400;
  color: white;
  padding-top: 5vh;
}

h6{
  color: white;
  font-family: monospace;
  font-size: 1.2rem;
}


ul{
  display: flex;
  flex-direction: row;
  text-decoration: none;

}
li{
  color: white;
  text-decoration: none;
  text-align: center;
  align-items: center;
  align-content: space-between;
  list-style: none;

}
.social a{
  text-decoration: none;
  color: white;
}

.fa-brands{
  font-size: 1.5rem;
  text-decoration: none;
}

}

@media screen and (max-width: 375px){
  .contenuto{
    margin-top: 10vh;
  }
  h1{
    font-family: 'Fjalla One', sans-serif; font-size: 2rem; font-weight: 400;
    color: white;
    padding-top: 7vh;
  }

  li{
    color: white;
    text-decoration: none;
    text-align: center;
    align-items: center;
    align-content: space-between;
    list-style: none;
  }

  h6{
    color: white;
    font-family: monospace;
  }

.fa-brands {
    font-size: 1.3rem;

}
.social a{
  text-decoration: none;
  color: white;
}

}

@media screen and (min-width: 380px)and (max-width: 820px){
  .contenuto{
    margin-top: 20vh;
  }
  h1{
    font-family: 'Fjalla One', sans-serif; font-size: 2.8rem; font-weight: 400;
    color: white;
    padding-top: 5vh;
  }

  li{
    color: white;
    text-decoration: none;
    text-align: center;
    align-items: center;
    align-content: space-between;
    list-style: none;
  }

  h6{
    color: white;
    font-family: monospace;
    font-size: 1.3rem;
  }

  .fa-brands{
    font-size: 1.5rem;
  }
  .social a{
    text-decoration: none;
    color: white;
  }
}