@font-face {
    font-family: "Blacker";
    src: url("Blacker-Sans-Pro-Extrabold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Blacker";
    src: url("Blacker-Sans-Pro-Medium.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
  background-color: #373030;
}

.gstr{
  max-width:70%;
}



.logo{
  margin-top:130px;
}

.text{
  margin-top:120px;
}

h1{
  margin-top:100px;
  color:white;
  font-size: 50px;
  font-family: 'Blacker';
  font-weight: 800;
}

a{
  font-family: 'Blacker';
  color:white;
  font-size: 22px;
  text-decoration: none;
  font-weight: 100;
}

a:hover{
  color:#EC6608;
}

.grisoni{
  margin-right:100px;
}

.infos{
  margin-top:130px;
  position:absolute;
  bottom:0;
  padding-bottom:20px;
  width:100%;
}

.petit-logo{
  width:200px;
}

.barre{
  margin-top:60px;
}

.barre-img{
  width:100%;
  height:auto;
}

@media (max-width: 1400px) {


}

@media (max-width: 1199px){


}

@media (max-width: 991px){


  .contact{
    float:left !important;
  }

}

@media (max-width: 767px){


}



@media (max-width: 576px) {

  h1{
    font-size: 24px;
    margin-top:50px;
  }



  .logo{
    margin-top:40px;
  }

  .infos{
    margin-top:80px;
  }

  .mail{
    margin-bottom:10px;
    margin-top:20px;
  }

  .barre-img{
    
  }

  .petit-logo{
    width:150px;
  }

  .barre{
    margin-top:20px;
  }
  
  a{
	font-size:18px;
  }
  
  




}