@media only screen and (max-width: 1760px) {
  .title-banner {
    margin: 1em auto; } }

@media only screen and (max-width: 1440px) {
  .container {
    width: 88.1944444444%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .title-banner {
    font-size: 42px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); } }

@media only screen and (max-width: 1280px) {
  .title-banner {
    margin: .5em auto; }
  .services .services__el:before {
    font-size: 18px; }
  .services .services__el:nth-child(2):before {
    width: 60%; }
  .animaux .animaux__el:before {
    font-size: 18px; }
  .section-galerie .galerie__el {
    height: 20em; } }

@media only screen and (max-width: 1060px) {
  .container {
    width: 92.3323%; }
  .section-header .nav__el {
    margin: 0 40px 0 0;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .services {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .services .services__el {
      width: 49.5%;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .services .services__el:first-child {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .services .services__el:nth-child(2) {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; }
      .services .services__el:nth-child(2):before {
        width: 50%; }
    .services .services__el:nth-child(3) {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4; }
    .services .services__el:nth-child(4) {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5; }
      .services .services__el:nth-child(4):before {
        width: 60%; }
    .services .services__el:nth-child(5) {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 100%; }
      .services .services__el:nth-child(5) .contenu-services {
        width: 60%;
        margin: 0 auto; }
    .services .services__el:nth-child(6) {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6; }
    .services .services__el:nth-child(7) {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7; }
    .services .services__el:last-child {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8; }
  .animaux .animaux__el {
    width: 49.5%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .section-galerie {
    margin: 0 0 120px 0; }
    .section-galerie .galerie__el {
      height: 15em; }
  .all-footer {
    position: relative;
    margin: 0; }
  .pre-footer {
    width: 80%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .pre-footer .section-contact {
      width: 40%;
      margin: 0 100px 100px 0;
      -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .pre-footer .section-horaires {
      width: 40%;
      margin: 0 0 100px 0;
      -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .pre-footer img {
      min-width: 25%;
      margin: 0 0 120px 0;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }

@media only screen and (max-width: 780px) {
  .section-header .nav {
    display: none; }
  .section-header .logo-gindt img {
    width: 40px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .title-section {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 30px 0;
    z-index: 0; }
  .banner {
    height: 40em;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .banner .logo-banner {
      width: 100%;
      -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .banner .title-banner {
      width: 100%;
      font-size: 26px;
      margin: 0 auto; }
    .banner .subtitle-banner {
      font-size: 26px; }
  .section-services .title-section:before {
    top: -130%; }
  .section-services .services .services__el img {
    min-height: 100%; }
  .section-services .services .services__el .contenu-services .title-section {
    margin: 0 0 30px 0; }
  .section-services .services .services__el:nth-child(2):before {
    width: 80%; }
  .section-galerie .title-section {
    width: 40%;
    height: 2em; }
    .section-galerie .title-section:before {
      top: -80%; }
  .section-galerie .galerie .galerie__el {
    width: 100%;
    height: 25em;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .section-galerie .galerie .galerie__el img {
      min-height: 100%; }
  .pre-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .pre-footer .section-contact, .pre-footer .section-horaires {
      width: 50%;
      margin: 0 0 100px 0; }
      .pre-footer .section-contact .title-section, .pre-footer .section-horaires .title-section {
        z-index: -1; }
        .pre-footer .section-contact .title-section:before, .pre-footer .section-horaires .title-section:before {
          top: -130%; } }

@media only screen and (max-width: 650px) {
  .banner .title-banner {
    width: 80%; }
  .banner .scroll {
    bottom: 20vh; }
    .banner .scroll:after {
      bottom: -10vh; }
  .title-section:before {
    content: url(../img/patte.svg);
    position: absolute;
    z-index: -1;
    left: -50px;
    top: -35px; }
  .section-services {
    padding: 80px 0; }
    .section-services .services .services__el {
      width: 100%;
      -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .section-services .services .services__el img {
        min-height: 100%; }
    .section-services .services .services__el:nth-child(2):before {
      width: 40%; }
    .section-services .services .services__el:nth-child(5) {
      width: 100%; }
      .section-services .services .services__el:nth-child(5) .contenu-services {
        width: 100%; }
        .section-services .services .services__el:nth-child(5) .contenu-services p {
          width: 80%; }
  .animaux .animaux__el {
    width: 100%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .animaux .animaux__el img {
      min-height: 100%; }
  .section-galerie .title-section {
    width: 55%; }
  .section-galerie .galerie .galerie__el {
    height: 16em;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .section-galerie .galerie .galerie__el img {
      min-height: 100%; }
  .pre-footer .section-contact, .pre-footer .section-horaires {
    width: 90%; }
  .section-footer {
    font-size: 12px; } }

@media only screen and (max-width: 450px) {
  .section-services .services .services__el:nth-child(2):before {
    width: 60%; } }