@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai&display=swap');

/*
#3E4E50
#5D686F
#351123
#F8F8F4
#B79040
 */

* {
  box-sizing: border-box
}

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

body {background: #F8F8F4;color: #5D686F;
  font-family: 'Hind Madurai', sans-serif;
  font-weight: 400;
  /*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: 'Cormorand Garamond', sans-serif;
  font-weight: 100;
  color: #351123;
  margin: 0;
}


h2 {font-family:'Rubik',Arial,sans-serif;font-size: 1em;font-weight:lighter;font-style: italic;color:#5D686F}



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;
}


.social, .tel {
  /* display: block; */
  margin: 0.5em 0 0;
  text-decoration: none;
}

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

.logo-container{padding: 1em;margin: 0;}
.logo {max-width: 250px;}
h1{font-size: 2em;}
h1 strong{font-size: 1.5em;}


.social, .tel{font-size: 0.8em}


.titre{flex-direction: column}
.infos{color: #351123;
  text-align: center;
  margin-left:0;padding-left:0;
  /* margin-top: 2em; */padding-top: 2em;}


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