:root {
  --color1: #264653;
  --color2: #2a9d8f;
  --color3: #e76f51;
  --color4: #ffffff;
  --color5: #141414;
  --font1: "Poppins", sans-serif;
  --font2: "Abril Fatface", cursive;
}

@media all and (max-width: 1480px) {
  #photo1 {
    grid-row: span 1;
  }
  #photo2 {
    grid-column: span 1;
  }
  #photo6 {
    grid-row: span 1;
  }
  #photo9 {
    grid-row: span 1;
  }
  #photo11 {
    grid-column: span 1;
  }
  #photo18 {
    grid-column: span 1;
  }
}

@media all and (max-width: 800px) {
  .container {
    padding: 0 4%;
  }

  /* MENU */
  .menu {
    padding: 0 8%;
  }
  #francois,
  #plisson {
    display: none;
  }
  .onglets {
    text-align: center;
    width: 100%;
    align-items: center;
    padding: 15%;
    border-left: none;
  }
  .scroll-back {
    display: none;
  }

  /* SLIDER */
  .slider {
    padding: 6em 4% 6em 4%;
  }
  .slider h2 {
    font-size: 1.2em;
  }
  .btn-slider {
    text-align: center;
    margin: 1em;
  }
  #btn-slider {
    display: flex;
    flex-direction: column;
  }

  /* ENTETE */
  .entete .entete-img {
    display: none;
  }
  .entete .entete-presentation {
    margin-left: 0;
    width: 100%;
  }
  .entete .entete-presentation h1,
  p {
    text-align: center;
  }
  .entete .entete-presentation .bar {
    display: none;
  }

  /* PORTFOLIO */
  .portfolio .galerie {
    padding: 0;
  }

  /* BIOGRAPHIE */
  #biographie {
    padding: 0 4%;
  }

  /* ACTUALITES */
  .titre-actualites {
    padding: 1em;
  }
  .grid-card {
    grid-template-columns: 1fr;
  }
  .card {
    width: 350px;
    height: 450px;
  }
  .card:hover {
    width: 350px;
    height: 450px;
  }
  .card-text {
    padding: 2em;
  }
  .card-text h2 {
    font-size: 2.4em;
  }
  .card-text h3 {
    font-size: 1.2em;
  }

  /* CONTACT */
  #btn-contact {
    width: 60%;
  }
  .contact-accroche {
    padding: 0 4%;
  }
}
@media all and (max-width: 400px) {
  .onglets li a {
    font-size: 1rem;
  }
}