.xanh-mono-regular {
  font-family: "Xanh Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.xanh-mono-regular-italic {
  font-family: "Xanh Mono", monospace;
  font-weight: 400;
  font-style: italic;
}


body {
    margin: 0;
    height: 100vh;
    color : #000;
    font-family: "Xanh Mono", monospace, Arial, Helvetica, sans-serif;
    font-size : 16px;
  }


  .alinea {
    display : inline-block;
    text-indent: 40px; /* taille de l'alinéa */
  }

  .bigger {
    font-size:22px;
  }

  .site-header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items : center;
    text-align : center;
  }
  .para {
    font-size : 13px;
    margin-left : 20px;
    margin-right : 20px;
  }

  .links {
    margin-bottom : 20px;
  }

  .links a,
  .links a:visited {
    color : #000;
    text-decoration: none;
  }

    .links a:hover {
      color : #000;
      text-decoration: underline;

    }

.site-main {
  display: flex;
  margin-top : 50px;
}

.col {
  width : 50vw;
  text-align : center;
  margin-bottom : 20px;
}

.para a,
.para a:visited,
.para a:hover {
  color : black;
}

.para a,
.para a:visited {
  text-decoration: underline;
}

.para a:hover {
  text-decoration: none;
}


.food-cont {
  font-size : 13px;
  margin-top : 10px;
}

.food-title {
  font-size : 15px;
}

.col table {
  margin: 0 auto;
}

.acht {
  max-width : 150px;
}

.food {
  margin-top : 30px;
  margin-bottom : 20px;
  /* border-top : 0.5px solid grey; */
}

.food-title {
  margin-top : 30px;
}
.inputformsm {
  font-size : 12px;
}

.inputform {
  font-size : 18px;
}

  .lieu_info {
    font-size : 12px;
  }

.intro_header {
  font-size : 12px;
  max-width : 360px;
  margin : 0 auto;
  margin-bottom : 20px;
}

.iteration {
  margin-top : 20px;
  margin-bottom : 30px;
}

.col_g .lieu,
.col_g .artistes,
.col_g .repas {
  margin-bottom : 20px;
}

.col_g .lieu,
.col_g .date {
  font-size : 18px;
}

.col_g .artistes,
.col_g .repas {
  font-size : 21px;
}

.iteration .date,
.iteration .artistes {
  margin-bottom : 5px;
}

.iteration .date {
  font-size : 13px;
}

.logo,
.logo svg {
  width : 15vw;
  height : auto;
}


@media (max-width: 1000px) {
  body {
    font-size : 14px;
  }
  .alinea {
    text-indent: 20px; /* taille de l'alinéa */
  }
  .bigger {
    font-size : 18px;
  }
  .logo,
  .logo svg {
    width : 30vw;
  }


}

@media (max-width: 600px) {
  .site-main {
    flex-direction : column;
  }
  .logo,
  .logo svg {
    width : 60vw;
    max-width : calc(100vw - 30px);

  }

  .col_g {
    width : 100vw;
  }

  .col_d {
    width : calc(100vw - 50px);
    margin-top : 25px;
    padding-top : 25px;
    margin-left : 25px;
    margin-right : 25px;
    border-top : grey 0.5px solid;
  }


}