.logo {
  margin-top: 10%;
}
.logo img {
  width: 70%;
  height:auto;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.texte {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 24px;
  text-align: center;
  margin-top: 10%;
  max-width: 80%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.icones {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  margin-top: 10%;
}
.icones img{
  width: 13%;
  height: auto;
  margin-left: 70px;
  margin-right: 70px;
}
.contacts{
  margin-top: 10%;
}
.contacts p{
  font-family: 'Josefin Sans', sans-serif;
  font-size: 24px;
  text-align: center;
  margin-top: 5%;
}
.contacts a{
  text-decoration: none;
  color: black;
}
@media (min-width: 981px), (orientation: landscape) {
  .logo{
    margin-top: 3%;
  }
  .logo img{
    width: 20%;
  }
  .texte, .icones, .contacts{
    margin-top: 3%;
  }
  .icones img{
    width: 6%;
    height: auto;
    margin-left: 70px;
    margin-right: 70px;
  }
  .texte, .contacts p{
    font-size: 20px;
  }
  .contacts p{
    margin-top: 3%;
  }
}