/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* ------------- MEDIA MIN-WIDTH 350PX --------------- */
/* ------------------ SUP. OU ÉGALE ------------------ */
/* --------------------------------------------------- */
@media screen and (min-width: 350px) {
  .swiper {
    display: grid;
    width: 100%;
    height: calc(100dvh - 347px);
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .container_homepage {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--gutter-width);
    padding: 3rem 0;
  }

  .about {
    grid-column: 1 / span 12;
  }

  .container_actually {
    margin-block: 3em;
    margin-top: 5em;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 70px 6%;
  }

  .title_event {
    grid-column: span 1;
  }

  .view_all_button {
    grid-column: span 1;
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .news {
    grid-column: 1 / span 1;
    padding-top: 10px;
    border-right: 1px solid black;
    padding-right: 10px;
  }

  .text_newsletter {
    display: flex;
    justify-content: start;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .more a {
    text-decoration: underline;
  }

  .border_homepage_horizontal {
    grid-column: 1 / span 12;
    padding: 0;
    margin: 15px 0 15px 0;
  }

  .title_event,
  .title_newsletter {
    margin-bottom: 1rem;
    border-bottom: 1px solid black;
  }

  .newsletter_home {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
    aspect-ratio: 1/1;
  }

  .event_home img {
    max-width: 100%;
    max-height: 100%;
  }

  article.item_event img {
    margin-bottom: 1rem;
  }

  article.item_event a h3 {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 500px) {
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* ------------- MEDIA MIN-WIDTH 768PX --------------- */
/* ------------------ SUP. OU ÉGALE ------------------ */
/* --------------------------------------------------- */
@media screen and (min-width: 768px) {
  .swiper {
    height: 400px;
  }

  .title_event,
  .view_all_button {
    grid-column: span 2;
  }
  .container_actually {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* ------------- MEDIA MIN-WIDTH 1000PX --------------- */
/* ----------------- SUP. OU ÉGALE ------------------- */
/* --------------------------------------------------- */
@media screen and (min-width: 1000px) {
  .swiper {
    height: 500px;
  }

  .swiper {
    grid-column: 1 / span 12;
  }

  .title_event,
  .view_all_button {
    grid-column: span 3;
  }
  .container_actually {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1200px) {
  .about {
    grid-column: 3 / span 8;
  }
  .title_event,
  .view_all_button {
    grid-column: span 4;
  }
  .container_actually {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* 
@media only screen and (min-width: 1400px) {
  .title_event,
  .view_all_button {
    grid-column: span 4;
  }
  .container_actually {
    grid-template-columns: repeat(4, 1fr);
  }
} */