/* VARIABLE */
/* MAIN VARIABLE COLOR */
@media screen and (max-width: 998px) {
  /* line 4, ../sass/responsive.scss */
  .header {
    z-index: 9999;
    width: 100%;
  }
  /* line 8, ../sass/responsive.scss */
  .header nav ul {
    display: none;
  }
  /* line 11, ../sass/responsive.scss */
  .header nav .num {
    display: none;
  }
  /* line 15, ../sass/responsive.scss */
  .header .menu-responsive {
    display: block;
  }
  /* line 17, ../sass/responsive.scss */
  .header .menu-responsive ul {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 140px 0;
    z-index: 4;
    opacity: 0;
  }
  /* line 27, ../sass/responsive.scss */
  .header .menu-responsive ul li {
    display: block;
    padding: 25px 0 25px 40px;
    text-align: left;
  }
  /* line 31, ../sass/responsive.scss */
  .header .menu-responsive ul li a {
    color: #000;
  }
  /* line 34, ../sass/responsive.scss */
  .header .menu-responsive ul li a .youtube img {
    max-width: 30px;
    display: inline-block;
    vertical-align: middle;
  }
  /* line 39, ../sass/responsive.scss */
  .header .menu-responsive ul li a .youtube p {
    display: inline-block;
    vertical-align: middle;
  }
  /* line 46, ../sass/responsive.scss */
  .header .menu-responsive ul .num {
    padding-top: 40px;
  }
  /* line 48, ../sass/responsive.scss */
  .header .menu-responsive ul .num a {
    color: #474746;
  }
  /* line 54, ../sass/responsive.scss */
  .header .menu-burger {
    display: block;
  }
  /* line 58, ../sass/responsive.scss */
  .header .video img {
    display: none;
  }

  /* line 63, ../sass/responsive.scss */
  .presentation {
    padding: 130px 0 150px;
    overflow: hidden;
  }
  /* line 67, ../sass/responsive.scss */
  .presentation .img img {
    max-width: 100%;
  }
  /* line 71, ../sass/responsive.scss */
  .presentation .img .quote.q-1 {
    top: -42px;
    left: 285px;
  }
  /* line 77, ../sass/responsive.scss */
  .presentation .text {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
    margin-top: 130px;
  }
  /* line 83, ../sass/responsive.scss */
  .presentation .text .title {
    font-size: 2.5rem;
  }
  /* line 85, ../sass/responsive.scss */
  .presentation .text .title.t1 {
    left: -5px;
  }
  /* line 88, ../sass/responsive.scss */
  .presentation .text .title.t2 {
    right: -10px;
  }

  /* line 94, ../sass/responsive.scss */
  .experiences {
    padding: 100px 0;
    height: auto;
  }
  /* line 97, ../sass/responsive.scss */
  .experiences .ascenseur {
    display: none;
  }
  /* line 100, ../sass/responsive.scss */
  .experiences .experience {
    padding: 20px 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
    height: auto;
    text-align: center;
  }
  /* line 108, ../sass/responsive.scss */
  .experiences .experience .sol {
    position: relative;
  }
  /* line 111, ../sass/responsive.scss */
  .experiences .experience .logo {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
  }
  /* line 116, ../sass/responsive.scss */
  .experiences .experience .logo img {
    position: relative;
    left: unset;
    top: unset;
    transform: translate(0, 0);
    max-width: 80%;
    display: block;
    margin: auto;
  }
  /* line 126, ../sass/responsive.scss */
  .experiences .experience img {
    max-width: 90%;
    display: block;
    margin: auto auto 20px;
    position: relative;
    top: unset;
    right: unset;
    transform: translate(0, 0);
  }
  /* line 135, ../sass/responsive.scss */
  .experiences .experience.e2, .experiences .experience.e3, .experiences .experience.e4, .experiences .experience.e5, .experiences .experience.e6 {
    left: unset;
    top: unset;
    text-align: center;
  }
  /* line 139, ../sass/responsive.scss */
  .experiences .experience.e2 .logo, .experiences .experience.e3 .logo, .experiences .experience.e4 .logo, .experiences .experience.e5 .logo, .experiences .experience.e6 .logo {
    width: 100%;
    display: block;
    position: relative;
  }
  /* line 143, ../sass/responsive.scss */
  .experiences .experience.e2 .logo img, .experiences .experience.e3 .logo img, .experiences .experience.e4 .logo img, .experiences .experience.e5 .logo img, .experiences .experience.e6 .logo img {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    transform: translate(0, 0);
    max-width: 40%;
  }
  /* line 152, ../sass/responsive.scss */
  .experiences .experience.e2 img, .experiences .experience.e3 img, .experiences .experience.e4 img, .experiences .experience.e5 img, .experiences .experience.e6 img {
    max-width: 90%;
    display: block;
    margin: auto auto 20px;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    transform: translate(0, 0);
  }
  /* line 165, ../sass/responsive.scss */
  .experiences .experience.e4 .logo img, .experiences .experience.e5 .logo img {
    max-width: 80%;
  }
  /* line 172, ../sass/responsive.scss */
  .experiences .experience.e6 .logo img {
    max-width: 65%;
  }

  /* CONTACT */
  /* line 182, ../sass/responsive.scss */
  .contact .fond-bleu {
    width: 100%;
    height: 60%;
  }
  /* line 187, ../sass/responsive.scss */
  .contact .container .logo-lcda {
    display: none;
  }
  /* line 191, ../sass/responsive.scss */
  .contact .ferdy {
    bottom: -20px;
    right: 0;
  }
  /* line 194, ../sass/responsive.scss */
  .contact .ferdy img {
    max-width: 168px;
  }
  /* line 198, ../sass/responsive.scss */
  .contact .coordonnees {
    padding: 75px 0;
  }

  /* FOOTER */
  /* line 206, ../sass/responsive.scss */
  footer .logo-lcda img {
    max-width: 70%;
  }
  /* line 210, ../sass/responsive.scss */
  footer div {
    text-align: center;
  }
  /* line 213, ../sass/responsive.scss */
  footer .youtube {
    padding-top: 10px;
  }
  /* line 215, ../sass/responsive.scss */
  footer .youtube img {
    margin: auto auto 5px;
  }
}