/***** Font - Line-height - REM *****/
/***** 
Font-size   : 62.5% -> 12px = 1.2rem
Line-height : font-size: 16px; line-height: 1.5; = 16*1.5 = 24 pour le line-height
 *****/
html { font-size: 62.5%;}

@media (max-width:1200px) {
	html { font-size: 60%;}
}
@media (max-width:1000px) {
	html { font-size: 58%;}
}
@media (max-width:800px) {
	html { font-size: 56%;}
}
@media (max-width:400px) {
	html { font-size: 54%;}
}

/***** variable *****/
:root {
  --fontBody: "Hanken Grotesk";
  --colorBody: #051d40;
  --colorBodyLink: #051d40;
  --colorBodyLinkHover: #03989e;
  --colorBodySousTitre: #03989e;
  --marginBloc: 80px auto;
}

@media (max-width:1000px) {
    :root {
          --marginBloc: 60px auto;
        }
    }

@media (max-width:800px) {
        :root {
          --marginBloc: 40px auto;
        }
    }

@media (max-width:600px) {
        :root {
          --marginBloc: 30px auto;
        }
    }