@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/*

 */

* {
  box-sizing: border-box
}

img {
  max-width: 100%;
  height: auto;
}

body {background: #1C1A17;color: #ffffff;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size:1.125rem;
  line-height:1.6875rem;
  /*display: flex;
  align-items: flex-start;
  justify-content: center;*/
  margin: 0;
  padding: 0;
  text-align: center;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}


h1{
  font-family: 'Josefin Sans', sans-serif;
  font-size:2.25rem;
  line-height:2.75rem;
  font-weight: 100;
  color: #ffffff;
  margin: 0;
}


h2 {
  font-family:'Josefin Sans',Arial,sans-serif;
  font-size: 1.875em;
  line-height:2.25rem;
  font-weight:800;
  color:#ada28c;
}
h3 {
  font-family:'Fira Sans',Arial,sans-serif;
  font-size: 1.6875em;
  line-height: 2.0625rem;
  font-weight:300;
  font-style: italic;
  color:#ffffff;
}
h4 {
  font-family:'Nunito Sans',Arial,sans-serif;
  font-size: 1.125em;
  line-height: 1.6875rem;
  font-weight:300;
  font-style: italic;
  color:#ada28c;
}



section {margin: 0 auto}
.flex{display:flex}
  .fd-column{flex-direction:column}
  .fd-row{flex-direction:row}

  .fjc-flex-start{justify-content:flex-start}
  .fjc-flex-end{justify-content:flex-end}
  .fjc-center{justify-content:center}
  .fjc-between{justify-content:space-between}
  .fjc-around{justify-content:space-around}

  .fai-flex-start{align-items:flex-start}
  .fai-flex-end{align-items:flex-end}
  .fai-center{align-items:center}


  .m-top-50{margin-top:50px}
  .m-top-30{margin-top:30px}




p {

  margin: 0;
  vertical-align: middle;
  display: inline-block;
}

.ico30, .ico70 {
  /* display: inline-block; */
  vertical-align: middle;
  margin: 0.2em;
}


a{color:#ada28c}
a:hover{color: #ada28c;text-decoration:underline;}

.logo-container{padding: 1em;margin: 0;}
.logo {max-width: 250px;}

.titre{flex-direction: column}


@media screen and (min-width:540px){
  html{font-size:18px;}
  .logo {max-width:100%;}
}