/*********************************************/
/*            MEDIA QUERIES                  */
/*********************************************/


@media(max-width:1300px) {
  body {
    font-size: 18px
  }
}

@media(max-width: 1023px) {
  :root {
    --header-height: 80px;
    --main-margin: 24px;
  }
  .main-logo {
    height: 50px;
  }
  .tagline {
    font-size: 11px;
    line-height: 11px;
    padding: 0 4px;
  }
  ul.menu {
    font-size: 0.8em;
  }


  /* SECTIONS */

  section.section-single {
    width: 100%;
  }

  section.section-split span.split-container {
    display: block;
  }

  span.split-container .left,
  span.split-container .right {
      display: block;
      width: 100%;
  }

  section.section-split.split-equal span.split-container .left,
  section.section-split.split-equal span.split-container .right {
    min-width: 200px;
  }

  /* CONTENT */

  span.content-split {
    display: block;
  }

  span.content-split .left,
  span.content-split .right {
    display: block;
    width: 100%;
  }


  /* FOOTER */

  footer {
    display: block;
    font-size: 20px;
    text-align: center;
  }
  .footer-container {
    max-width: 100%;
    margin: 4em 0;
  }
  .footer-container.footer-contact-container {
    max-width: 100%;
  }

}

@media(max-width: 879px) {
  :root {
    --header-height: 60px;
    --main-margin: 16px;
  }

  .main-logo {
    height: 50px;
  }

  ul.equipe {
    padding: 0;
    display: block;
  }
  ul.equipe li {
    list-style-type: none;
    width: 100%;
    margin: 1em 0;
  }

}

@media(max-width:680px) {
  body {
    font-size: 16px
  }
}