*,
*:after,
*:before {
  box-sizing: border-box;

}

html,
body {
  margin: 0;
  width: 100%;
  font-size: 15px;
  position: relative;
  font-family: 'SF pro Display Regular';
}







@font-face {
  font-family: 'SF pro Display Medium';
  font-style: normal;
  font-weight: normal;
  src:  url('../font/SFProDisplay-Medium.ttf');
}




@font-face {
  font-family: 'SF pro Display Regular';
  font-style: normal;
  font-weight: normal;
  src: url('../font/SFProDisplay-Regular.ttf') ;
}



@font-face {
  font-family: 'SF pro Display Heavy';
  font-style: normal;
  font-weight: normal;
  src:  url('../font/SFProDisplay-Heavy.ttf') ;
}

@font-face {
  font-family: 'SF pro Display Bold';
  font-style: normal;
  font-weight: normal;
  src: url('../font/SFProDisplay-Bold.ttf') ;
}

@font-face {
  font-family: 'SF pro Display semiBold';
  font-style: normal;
  font-weight: normal;
  src: url('../font/SFProDisplay-Semibold.ttf') ;
}

img{
  max-width: 100%;

}
.container{
  max-width: 81%;
  margin:auto;

}
.blanc{
  color:#fff;
}
.vert{
  color:#1CC88A
}
a,a:hover,a:active{
  text-decoration:none
}