.logo-intro {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 3000;
  overflow: hidden;
  background-color: #fff;
  /*  & > div {
      transform: rotate(-5deg);
      margin: 0 auto;
      text-transform: uppercase;
      font-size: 25rem;
      font-weight: 800;
      line-height: 0.8;
      width: 61rem;
      max-width: 100%;

      &.ligne-01 {
          position: relative;
          left: 0;
          animation-duration: 2s;
          animation-name: ligne1;
      }

      &.ligne-02 {
          position: relative;
          left: 2rem;
          animation-duration: 2s;
          animation-name: ligne2;
      }

      &.ligne-03 {
          position: relative;
          left: 4rem;
          animation-duration: 2s;
          animation-name: ligne3;
      }
  } */
}
.logo-intro .image {
  background: #fff url(../images/anim_intro.png) no-repeat 50% 50%;
  background-size: 100% auto;
  animation-duration: 3s;
  animation-name: image;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.logo-intro .video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.logo-intro .video video {
  width: 100%;
  height: 100%;
}

@keyframes image {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 
@keyframes ligne1 {
    from {
        left: calc(-100vw / 2 - 22.2rem);
    }

    75% {
        left: 0;
    }

    to {
        left: 0;
    }
}

@keyframes ligne2 {
    from {
        left: calc(100vw / 2 - 22.2rem);
    }

    75% {
        left: 2rem;
    }
    to {
        left: 2rem;
    }
}

@keyframes ligne3 {
    from {
        left: calc(100vw / 2 - 22.2rem);
    }

    75% {
        left: 4rem;
    }
    to {
        left: 4rem;
    }
}
 */
.page-wrapper {
  background: url(../images/haut_gauche.png) no-repeat 0 0;
  height: 100vh;
}
@media (max-width: 1080px) {
  .page-wrapper {
    background-image: url(../images/haut-gauche-md.png);
    background-size: 100% auto;
  }
}

header {
  position: relative;
  z-index: 2000;
  padding-top: 35px;
}
@media (max-height: 1299px) {
  header {
    padding-top: 25px;
  }
}
@media (max-height: 1199px) {
  header {
    padding-top: 20px;
  }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  header {
    padding-top: 20px;
  }
}
header .header-wrapper {
  display: flex;
  justify-content: space-between;
}
header .header-wrapper .logo-ctn {
  margin-left: 30px;
  transition: all 0.5s;
  font-size: 0;
}
@media screen and (max-width: 659px) {
  header .header-wrapper .logo-ctn {
    margin-left: 15px;
  }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  header .header-wrapper .logo-ctn {
    margin-left: 20px;
  }
}
header .header-wrapper .logo-ctn img {
  max-width: 100px;
}
@media (max-height: 1299px) {
  header .header-wrapper .logo-ctn img {
    max-width: 90px;
  }
}
@media (max-height: 1199px) {
  header .header-wrapper .logo-ctn img {
    max-width: 80px;
  }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  header .header-wrapper .logo-ctn img {
    max-width: 60px;
  }
}
header .header-wrapper .menu-toggle {
  display: block;
  font-size: 5rem;
  margin-right: 15px;
  transition: all 0.5s;
  z-index: 500;
}
header .header-wrapper .menu-toggle .actif {
  display: none;
}
header .header-wrapper .menu-toggle.actif {
  color: white;
  font-size: 3rem;
  padding-top: 10px;
}
header .header-wrapper .menu-toggle.actif .inactif {
  display: none;
}
header .header-wrapper .menu-toggle.actif .actif {
  display: block;
}
@media screen and (max-width: 659px) {
  header .header-wrapper .menu-toggle {
    margin-right: 15px;
  }
}
header .header-wrapper .menu-ctn {
  margin-right: 20px;
  overflow: hidden;
  max-height: 0;
  height: auto;
  margin-right: 0;
  position: absolute;
  transition: all 0.5s;
  top: 20px;
  right: 0;
}
header .header-wrapper .menu-ctn.actif {
  display: block;
  background-color: black;
  padding: 40px 40px;
  max-height: 100vh;
}
header .header-wrapper .menu-ctn > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: lowercase;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  header .header-wrapper .menu-ctn > ul {
    flex-direction: column;
    line-height: 2.5;
  }
}
header .header-wrapper .menu-ctn > ul > li {
  margin: 0 20px;
}
header .header-wrapper .menu-ctn > ul > li > a {
  position: relative;
  font-size: 1.9rem;
  color: white !important;
}
header .header-wrapper .menu-ctn > ul > li > a:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -5px;
  width: 100%;
  left: 0;
  height: 2px;
  background-color: transparent;
  transition: all 0.5s;
}
@media screen and (max-width: 991px) {
  header .header-wrapper .menu-ctn > ul > li > a:after {
    height: 5px;
  }
}
header .header-wrapper .menu-ctn > ul > li > a.actif:after {
  background-color: white !important;
  bottom: -10px;
}

body.contact header .header-wrapper .logo-ctn {
  background-color: #fff;
}

html {
  font-size: 10px;
}
@media screen and (max-width: 659px) {
  html {
    font-size: 10.4833333333px;
  }
}
@media screen and (max-width: 658px) {
  html {
    font-size: 10.4666666667px;
  }
}
@media screen and (max-width: 657px) {
  html {
    font-size: 10.45px;
  }
}
@media screen and (max-width: 656px) {
  html {
    font-size: 10.4333333333px;
  }
}
@media screen and (max-width: 655px) {
  html {
    font-size: 10.4166666667px;
  }
}
@media screen and (max-width: 654px) {
  html {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 653px) {
  html {
    font-size: 10.3833333333px;
  }
}
@media screen and (max-width: 652px) {
  html {
    font-size: 10.3666666667px;
  }
}
@media screen and (max-width: 651px) {
  html {
    font-size: 10.35px;
  }
}
@media screen and (max-width: 650px) {
  html {
    font-size: 10.3333333333px;
  }
}
@media screen and (max-width: 649px) {
  html {
    font-size: 10.3166666667px;
  }
}
@media screen and (max-width: 648px) {
  html {
    font-size: 10.3px;
  }
}
@media screen and (max-width: 647px) {
  html {
    font-size: 10.2833333333px;
  }
}
@media screen and (max-width: 646px) {
  html {
    font-size: 10.2666666667px;
  }
}
@media screen and (max-width: 645px) {
  html {
    font-size: 10.25px;
  }
}
@media screen and (max-width: 644px) {
  html {
    font-size: 10.2333333333px;
  }
}
@media screen and (max-width: 643px) {
  html {
    font-size: 10.2166666667px;
  }
}
@media screen and (max-width: 642px) {
  html {
    font-size: 10.2px;
  }
}
@media screen and (max-width: 641px) {
  html {
    font-size: 10.1833333333px;
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: 10.1666666667px;
  }
}
@media screen and (max-width: 639px) {
  html {
    font-size: 10.15px;
  }
}
@media screen and (max-width: 638px) {
  html {
    font-size: 10.1333333333px;
  }
}
@media screen and (max-width: 637px) {
  html {
    font-size: 10.1166666667px;
  }
}
@media screen and (max-width: 636px) {
  html {
    font-size: 10.1px;
  }
}
@media screen and (max-width: 635px) {
  html {
    font-size: 10.0833333333px;
  }
}
@media screen and (max-width: 634px) {
  html {
    font-size: 10.0666666667px;
  }
}
@media screen and (max-width: 633px) {
  html {
    font-size: 10.05px;
  }
}
@media screen and (max-width: 632px) {
  html {
    font-size: 10.0333333333px;
  }
}
@media screen and (max-width: 631px) {
  html {
    font-size: 10.0166666667px;
  }
}
@media screen and (max-width: 630px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 629px) {
  html {
    font-size: 9.9833333333px;
  }
}
@media screen and (max-width: 628px) {
  html {
    font-size: 9.9666666667px;
  }
}
@media screen and (max-width: 627px) {
  html {
    font-size: 9.95px;
  }
}
@media screen and (max-width: 626px) {
  html {
    font-size: 9.9333333333px;
  }
}
@media screen and (max-width: 625px) {
  html {
    font-size: 9.9166666667px;
  }
}
@media screen and (max-width: 624px) {
  html {
    font-size: 9.9px;
  }
}
@media screen and (max-width: 623px) {
  html {
    font-size: 9.8833333333px;
  }
}
@media screen and (max-width: 622px) {
  html {
    font-size: 9.8666666667px;
  }
}
@media screen and (max-width: 621px) {
  html {
    font-size: 9.85px;
  }
}
@media screen and (max-width: 620px) {
  html {
    font-size: 9.8333333333px;
  }
}
@media screen and (max-width: 619px) {
  html {
    font-size: 9.8166666667px;
  }
}
@media screen and (max-width: 618px) {
  html {
    font-size: 9.8px;
  }
}
@media screen and (max-width: 617px) {
  html {
    font-size: 9.7833333333px;
  }
}
@media screen and (max-width: 616px) {
  html {
    font-size: 9.7666666667px;
  }
}
@media screen and (max-width: 615px) {
  html {
    font-size: 9.75px;
  }
}
@media screen and (max-width: 614px) {
  html {
    font-size: 9.7333333333px;
  }
}
@media screen and (max-width: 613px) {
  html {
    font-size: 9.7166666667px;
  }
}
@media screen and (max-width: 612px) {
  html {
    font-size: 9.7px;
  }
}
@media screen and (max-width: 611px) {
  html {
    font-size: 9.6833333333px;
  }
}
@media screen and (max-width: 610px) {
  html {
    font-size: 9.6666666667px;
  }
}
@media screen and (max-width: 609px) {
  html {
    font-size: 9.65px;
  }
}
@media screen and (max-width: 608px) {
  html {
    font-size: 9.6333333333px;
  }
}
@media screen and (max-width: 607px) {
  html {
    font-size: 9.6166666667px;
  }
}
@media screen and (max-width: 606px) {
  html {
    font-size: 9.6px;
  }
}
@media screen and (max-width: 605px) {
  html {
    font-size: 9.5833333333px;
  }
}
@media screen and (max-width: 604px) {
  html {
    font-size: 9.5666666667px;
  }
}
@media screen and (max-width: 603px) {
  html {
    font-size: 9.55px;
  }
}
@media screen and (max-width: 602px) {
  html {
    font-size: 9.5333333333px;
  }
}
@media screen and (max-width: 601px) {
  html {
    font-size: 9.5166666667px;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 9.5px;
  }
}
@media screen and (max-width: 599px) {
  html {
    font-size: 9.4833333333px;
  }
}
@media screen and (max-width: 598px) {
  html {
    font-size: 9.4666666667px;
  }
}
@media screen and (max-width: 597px) {
  html {
    font-size: 9.45px;
  }
}
@media screen and (max-width: 596px) {
  html {
    font-size: 9.4333333333px;
  }
}
@media screen and (max-width: 595px) {
  html {
    font-size: 9.4166666667px;
  }
}
@media screen and (max-width: 594px) {
  html {
    font-size: 9.4px;
  }
}
@media screen and (max-width: 593px) {
  html {
    font-size: 9.3833333333px;
  }
}
@media screen and (max-width: 592px) {
  html {
    font-size: 9.3666666667px;
  }
}
@media screen and (max-width: 591px) {
  html {
    font-size: 9.35px;
  }
}
@media screen and (max-width: 590px) {
  html {
    font-size: 9.3333333333px;
  }
}
@media screen and (max-width: 589px) {
  html {
    font-size: 9.3166666667px;
  }
}
@media screen and (max-width: 588px) {
  html {
    font-size: 9.3px;
  }
}
@media screen and (max-width: 587px) {
  html {
    font-size: 9.2833333333px;
  }
}
@media screen and (max-width: 586px) {
  html {
    font-size: 9.2666666667px;
  }
}
@media screen and (max-width: 585px) {
  html {
    font-size: 9.25px;
  }
}
@media screen and (max-width: 584px) {
  html {
    font-size: 9.2333333333px;
  }
}
@media screen and (max-width: 583px) {
  html {
    font-size: 9.2166666667px;
  }
}
@media screen and (max-width: 582px) {
  html {
    font-size: 9.2px;
  }
}
@media screen and (max-width: 581px) {
  html {
    font-size: 9.1833333333px;
  }
}
@media screen and (max-width: 580px) {
  html {
    font-size: 9.1666666667px;
  }
}
@media screen and (max-width: 579px) {
  html {
    font-size: 9.15px;
  }
}
@media screen and (max-width: 578px) {
  html {
    font-size: 9.1333333333px;
  }
}
@media screen and (max-width: 577px) {
  html {
    font-size: 9.1166666667px;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 9.1px;
  }
}
@media screen and (max-width: 575px) {
  html {
    font-size: 9.0833333333px;
  }
}
@media screen and (max-width: 574px) {
  html {
    font-size: 9.0666666667px;
  }
}
@media screen and (max-width: 573px) {
  html {
    font-size: 9.05px;
  }
}
@media screen and (max-width: 572px) {
  html {
    font-size: 9.0333333333px;
  }
}
@media screen and (max-width: 571px) {
  html {
    font-size: 9.0166666667px;
  }
}
@media screen and (max-width: 570px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 569px) {
  html {
    font-size: 8.9833333333px;
  }
}
@media screen and (max-width: 568px) {
  html {
    font-size: 8.9666666667px;
  }
}
@media screen and (max-width: 567px) {
  html {
    font-size: 8.95px;
  }
}
@media screen and (max-width: 566px) {
  html {
    font-size: 8.9333333333px;
  }
}
@media screen and (max-width: 565px) {
  html {
    font-size: 8.9166666667px;
  }
}
@media screen and (max-width: 564px) {
  html {
    font-size: 8.9px;
  }
}
@media screen and (max-width: 563px) {
  html {
    font-size: 8.8833333333px;
  }
}
@media screen and (max-width: 562px) {
  html {
    font-size: 8.8666666667px;
  }
}
@media screen and (max-width: 561px) {
  html {
    font-size: 8.85px;
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 8.8333333333px;
  }
}
@media screen and (max-width: 559px) {
  html {
    font-size: 8.8166666667px;
  }
}
@media screen and (max-width: 558px) {
  html {
    font-size: 8.8px;
  }
}
@media screen and (max-width: 557px) {
  html {
    font-size: 8.7833333333px;
  }
}
@media screen and (max-width: 556px) {
  html {
    font-size: 8.7666666667px;
  }
}
@media screen and (max-width: 555px) {
  html {
    font-size: 8.75px;
  }
}
@media screen and (max-width: 554px) {
  html {
    font-size: 8.7333333333px;
  }
}
@media screen and (max-width: 553px) {
  html {
    font-size: 8.7166666667px;
  }
}
@media screen and (max-width: 552px) {
  html {
    font-size: 8.7px;
  }
}
@media screen and (max-width: 551px) {
  html {
    font-size: 8.6833333333px;
  }
}
@media screen and (max-width: 550px) {
  html {
    font-size: 8.6666666667px;
  }
}
@media screen and (max-width: 549px) {
  html {
    font-size: 8.65px;
  }
}
@media screen and (max-width: 548px) {
  html {
    font-size: 8.6333333333px;
  }
}
@media screen and (max-width: 547px) {
  html {
    font-size: 8.6166666667px;
  }
}
@media screen and (max-width: 546px) {
  html {
    font-size: 8.6px;
  }
}
@media screen and (max-width: 545px) {
  html {
    font-size: 8.5833333333px;
  }
}
@media screen and (max-width: 544px) {
  html {
    font-size: 8.5666666667px;
  }
}
@media screen and (max-width: 543px) {
  html {
    font-size: 8.55px;
  }
}
@media screen and (max-width: 542px) {
  html {
    font-size: 8.5333333333px;
  }
}
@media screen and (max-width: 541px) {
  html {
    font-size: 8.5166666667px;
  }
}
@media screen and (max-width: 540px) {
  html {
    font-size: 8.5px;
  }
}
@media screen and (max-width: 539px) {
  html {
    font-size: 8.4833333333px;
  }
}
@media screen and (max-width: 538px) {
  html {
    font-size: 8.4666666667px;
  }
}
@media screen and (max-width: 537px) {
  html {
    font-size: 8.45px;
  }
}
@media screen and (max-width: 536px) {
  html {
    font-size: 8.4333333333px;
  }
}
@media screen and (max-width: 535px) {
  html {
    font-size: 8.4166666667px;
  }
}
@media screen and (max-width: 534px) {
  html {
    font-size: 8.4px;
  }
}
@media screen and (max-width: 533px) {
  html {
    font-size: 8.3833333333px;
  }
}
@media screen and (max-width: 532px) {
  html {
    font-size: 8.3666666667px;
  }
}
@media screen and (max-width: 531px) {
  html {
    font-size: 8.35px;
  }
}
@media screen and (max-width: 530px) {
  html {
    font-size: 8.3333333333px;
  }
}
@media screen and (max-width: 529px) {
  html {
    font-size: 8.3166666667px;
  }
}
@media screen and (max-width: 528px) {
  html {
    font-size: 8.3px;
  }
}
@media screen and (max-width: 527px) {
  html {
    font-size: 8.2833333333px;
  }
}
@media screen and (max-width: 526px) {
  html {
    font-size: 8.2666666667px;
  }
}
@media screen and (max-width: 525px) {
  html {
    font-size: 8.25px;
  }
}
@media screen and (max-width: 524px) {
  html {
    font-size: 8.2333333333px;
  }
}
@media screen and (max-width: 523px) {
  html {
    font-size: 8.2166666667px;
  }
}
@media screen and (max-width: 522px) {
  html {
    font-size: 8.2px;
  }
}
@media screen and (max-width: 521px) {
  html {
    font-size: 8.1833333333px;
  }
}
@media screen and (max-width: 520px) {
  html {
    font-size: 8.1666666667px;
  }
}
@media screen and (max-width: 519px) {
  html {
    font-size: 8.15px;
  }
}
@media screen and (max-width: 518px) {
  html {
    font-size: 8.1333333333px;
  }
}
@media screen and (max-width: 517px) {
  html {
    font-size: 8.1166666667px;
  }
}
@media screen and (max-width: 516px) {
  html {
    font-size: 8.1px;
  }
}
@media screen and (max-width: 515px) {
  html {
    font-size: 8.0833333333px;
  }
}
@media screen and (max-width: 514px) {
  html {
    font-size: 8.0666666667px;
  }
}
@media screen and (max-width: 513px) {
  html {
    font-size: 8.05px;
  }
}
@media screen and (max-width: 512px) {
  html {
    font-size: 8.0333333333px;
  }
}
@media screen and (max-width: 511px) {
  html {
    font-size: 8.0166666667px;
  }
}
@media screen and (max-width: 510px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 509px) {
  html {
    font-size: 7.9833333333px;
  }
}
@media screen and (max-width: 508px) {
  html {
    font-size: 7.9666666667px;
  }
}
@media screen and (max-width: 507px) {
  html {
    font-size: 7.95px;
  }
}
@media screen and (max-width: 506px) {
  html {
    font-size: 7.9333333333px;
  }
}
@media screen and (max-width: 505px) {
  html {
    font-size: 7.9166666667px;
  }
}
@media screen and (max-width: 504px) {
  html {
    font-size: 7.9px;
  }
}
@media screen and (max-width: 503px) {
  html {
    font-size: 7.8833333333px;
  }
}
@media screen and (max-width: 502px) {
  html {
    font-size: 7.8666666667px;
  }
}
@media screen and (max-width: 501px) {
  html {
    font-size: 7.85px;
  }
}
@media screen and (max-width: 500px) {
  html {
    font-size: 7.8333333333px;
  }
}
@media screen and (max-width: 499px) {
  html {
    font-size: 7.8166666667px;
  }
}
@media screen and (max-width: 498px) {
  html {
    font-size: 7.8px;
  }
}
@media screen and (max-width: 497px) {
  html {
    font-size: 7.7833333333px;
  }
}
@media screen and (max-width: 496px) {
  html {
    font-size: 7.7666666667px;
  }
}
@media screen and (max-width: 495px) {
  html {
    font-size: 7.75px;
  }
}
@media screen and (max-width: 494px) {
  html {
    font-size: 7.7333333333px;
  }
}
@media screen and (max-width: 493px) {
  html {
    font-size: 7.7166666667px;
  }
}
@media screen and (max-width: 492px) {
  html {
    font-size: 7.7px;
  }
}
@media screen and (max-width: 491px) {
  html {
    font-size: 7.6833333333px;
  }
}
@media screen and (max-width: 490px) {
  html {
    font-size: 7.6666666667px;
  }
}
@media screen and (max-width: 489px) {
  html {
    font-size: 7.65px;
  }
}
@media screen and (max-width: 488px) {
  html {
    font-size: 7.6333333333px;
  }
}
@media screen and (max-width: 487px) {
  html {
    font-size: 7.6166666667px;
  }
}
@media screen and (max-width: 486px) {
  html {
    font-size: 7.6px;
  }
}
@media screen and (max-width: 485px) {
  html {
    font-size: 7.5833333333px;
  }
}
@media screen and (max-width: 484px) {
  html {
    font-size: 7.5666666667px;
  }
}
@media screen and (max-width: 483px) {
  html {
    font-size: 7.55px;
  }
}
@media screen and (max-width: 482px) {
  html {
    font-size: 7.5333333333px;
  }
}
@media screen and (max-width: 481px) {
  html {
    font-size: 7.5166666667px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 7.5px;
  }
}
@media screen and (max-width: 479px) {
  html {
    font-size: 7.4833333333px;
  }
}
@media screen and (max-width: 478px) {
  html {
    font-size: 7.4666666667px;
  }
}
@media screen and (max-width: 477px) {
  html {
    font-size: 7.45px;
  }
}
@media screen and (max-width: 476px) {
  html {
    font-size: 7.4333333333px;
  }
}
@media screen and (max-width: 475px) {
  html {
    font-size: 7.4166666667px;
  }
}
@media screen and (max-width: 474px) {
  html {
    font-size: 7.4px;
  }
}
@media screen and (max-width: 473px) {
  html {
    font-size: 7.3833333333px;
  }
}
@media screen and (max-width: 472px) {
  html {
    font-size: 7.3666666667px;
  }
}
@media screen and (max-width: 471px) {
  html {
    font-size: 7.35px;
  }
}
@media screen and (max-width: 470px) {
  html {
    font-size: 7.3333333333px;
  }
}
@media screen and (max-width: 469px) {
  html {
    font-size: 7.3166666667px;
  }
}
@media screen and (max-width: 468px) {
  html {
    font-size: 7.3px;
  }
}
@media screen and (max-width: 467px) {
  html {
    font-size: 7.2833333333px;
  }
}
@media screen and (max-width: 466px) {
  html {
    font-size: 7.2666666667px;
  }
}
@media screen and (max-width: 465px) {
  html {
    font-size: 7.25px;
  }
}
@media screen and (max-width: 464px) {
  html {
    font-size: 7.2333333333px;
  }
}
@media screen and (max-width: 463px) {
  html {
    font-size: 7.2166666667px;
  }
}
@media screen and (max-width: 462px) {
  html {
    font-size: 7.2px;
  }
}
@media screen and (max-width: 461px) {
  html {
    font-size: 7.1833333333px;
  }
}
@media screen and (max-width: 460px) {
  html {
    font-size: 7.1666666667px;
  }
}
@media screen and (max-width: 459px) {
  html {
    font-size: 7.15px;
  }
}
@media screen and (max-width: 458px) {
  html {
    font-size: 7.1333333333px;
  }
}
@media screen and (max-width: 457px) {
  html {
    font-size: 7.1166666667px;
  }
}
@media screen and (max-width: 456px) {
  html {
    font-size: 7.1px;
  }
}
@media screen and (max-width: 455px) {
  html {
    font-size: 7.0833333333px;
  }
}
@media screen and (max-width: 454px) {
  html {
    font-size: 7.0666666667px;
  }
}
@media screen and (max-width: 453px) {
  html {
    font-size: 7.05px;
  }
}
@media screen and (max-width: 452px) {
  html {
    font-size: 7.0333333333px;
  }
}
@media screen and (max-width: 451px) {
  html {
    font-size: 7.0166666667px;
  }
}
@media screen and (max-width: 450px) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-width: 449px) {
  html {
    font-size: 6.9833333333px;
  }
}
@media screen and (max-width: 448px) {
  html {
    font-size: 6.9666666667px;
  }
}
@media screen and (max-width: 447px) {
  html {
    font-size: 6.95px;
  }
}
@media screen and (max-width: 446px) {
  html {
    font-size: 6.9333333333px;
  }
}
@media screen and (max-width: 445px) {
  html {
    font-size: 6.9166666667px;
  }
}
@media screen and (max-width: 444px) {
  html {
    font-size: 6.9px;
  }
}
@media screen and (max-width: 443px) {
  html {
    font-size: 6.8833333333px;
  }
}
@media screen and (max-width: 442px) {
  html {
    font-size: 6.8666666667px;
  }
}
@media screen and (max-width: 441px) {
  html {
    font-size: 6.85px;
  }
}
@media screen and (max-width: 440px) {
  html {
    font-size: 6.8333333333px;
  }
}
@media screen and (max-width: 439px) {
  html {
    font-size: 6.8166666667px;
  }
}
@media screen and (max-width: 438px) {
  html {
    font-size: 6.8px;
  }
}
@media screen and (max-width: 437px) {
  html {
    font-size: 6.7833333333px;
  }
}
@media screen and (max-width: 436px) {
  html {
    font-size: 6.7666666667px;
  }
}
@media screen and (max-width: 435px) {
  html {
    font-size: 6.75px;
  }
}
@media screen and (max-width: 434px) {
  html {
    font-size: 6.7333333333px;
  }
}
@media screen and (max-width: 433px) {
  html {
    font-size: 6.7166666667px;
  }
}
@media screen and (max-width: 432px) {
  html {
    font-size: 6.7px;
  }
}
@media screen and (max-width: 431px) {
  html {
    font-size: 6.6833333333px;
  }
}
@media screen and (max-width: 430px) {
  html {
    font-size: 6.6666666667px;
  }
}
@media screen and (max-width: 429px) {
  html {
    font-size: 6.65px;
  }
}
@media screen and (max-width: 428px) {
  html {
    font-size: 6.6333333333px;
  }
}
@media screen and (max-width: 427px) {
  html {
    font-size: 6.6166666667px;
  }
}
@media screen and (max-width: 426px) {
  html {
    font-size: 6.6px;
  }
}
@media screen and (max-width: 425px) {
  html {
    font-size: 6.5833333333px;
  }
}
@media screen and (max-width: 424px) {
  html {
    font-size: 6.5666666667px;
  }
}
@media screen and (max-width: 423px) {
  html {
    font-size: 6.55px;
  }
}
@media screen and (max-width: 422px) {
  html {
    font-size: 6.5333333333px;
  }
}
@media screen and (max-width: 421px) {
  html {
    font-size: 6.5166666667px;
  }
}
@media screen and (max-width: 420px) {
  html {
    font-size: 6.5px;
  }
}
@media screen and (max-width: 419px) {
  html {
    font-size: 6.4833333333px;
  }
}
@media screen and (max-width: 418px) {
  html {
    font-size: 6.4666666667px;
  }
}
@media screen and (max-width: 417px) {
  html {
    font-size: 6.45px;
  }
}
@media screen and (max-width: 416px) {
  html {
    font-size: 6.4333333333px;
  }
}
@media screen and (max-width: 415px) {
  html {
    font-size: 6.4166666667px;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 6.4px;
  }
}
@media screen and (max-width: 413px) {
  html {
    font-size: 6.3833333333px;
  }
}
@media screen and (max-width: 412px) {
  html {
    font-size: 6.3666666667px;
  }
}
@media screen and (max-width: 411px) {
  html {
    font-size: 6.35px;
  }
}
@media screen and (max-width: 410px) {
  html {
    font-size: 6.3333333333px;
  }
}
@media screen and (max-width: 409px) {
  html {
    font-size: 6.3166666667px;
  }
}
@media screen and (max-width: 408px) {
  html {
    font-size: 6.3px;
  }
}
@media screen and (max-width: 407px) {
  html {
    font-size: 6.2833333333px;
  }
}
@media screen and (max-width: 406px) {
  html {
    font-size: 6.2666666667px;
  }
}
@media screen and (max-width: 405px) {
  html {
    font-size: 6.25px;
  }
}
@media screen and (max-width: 404px) {
  html {
    font-size: 6.2333333333px;
  }
}
@media screen and (max-width: 403px) {
  html {
    font-size: 6.2166666667px;
  }
}
@media screen and (max-width: 402px) {
  html {
    font-size: 6.2px;
  }
}
@media screen and (max-width: 401px) {
  html {
    font-size: 6.1833333333px;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 6.1666666667px;
  }
}
@media screen and (max-width: 399px) {
  html {
    font-size: 6.15px;
  }
}
@media screen and (max-width: 398px) {
  html {
    font-size: 6.1333333333px;
  }
}
@media screen and (max-width: 397px) {
  html {
    font-size: 6.1166666667px;
  }
}
@media screen and (max-width: 396px) {
  html {
    font-size: 6.1px;
  }
}
@media screen and (max-width: 395px) {
  html {
    font-size: 6.0833333333px;
  }
}
@media screen and (max-width: 394px) {
  html {
    font-size: 6.0666666667px;
  }
}
@media screen and (max-width: 393px) {
  html {
    font-size: 6.05px;
  }
}
@media screen and (max-width: 392px) {
  html {
    font-size: 6.0333333333px;
  }
}
@media screen and (max-width: 391px) {
  html {
    font-size: 6.0166666667px;
  }
}
@media screen and (max-width: 390px) {
  html {
    font-size: 6px;
  }
}
@media screen and (max-width: 389px) {
  html {
    font-size: 5.9833333333px;
  }
}
@media screen and (max-width: 388px) {
  html {
    font-size: 5.9666666667px;
  }
}
@media screen and (max-width: 387px) {
  html {
    font-size: 5.95px;
  }
}
@media screen and (max-width: 386px) {
  html {
    font-size: 5.9333333333px;
  }
}
@media screen and (max-width: 385px) {
  html {
    font-size: 5.9166666667px;
  }
}
@media screen and (max-width: 384px) {
  html {
    font-size: 5.9px;
  }
}
@media screen and (max-width: 383px) {
  html {
    font-size: 5.8833333333px;
  }
}
@media screen and (max-width: 382px) {
  html {
    font-size: 5.8666666667px;
  }
}
@media screen and (max-width: 381px) {
  html {
    font-size: 5.85px;
  }
}
@media screen and (max-width: 380px) {
  html {
    font-size: 5.8333333333px;
  }
}
@media screen and (max-width: 379px) {
  html {
    font-size: 5.8166666667px;
  }
}
@media screen and (max-width: 378px) {
  html {
    font-size: 5.8px;
  }
}
@media screen and (max-width: 377px) {
  html {
    font-size: 5.7833333333px;
  }
}
@media screen and (max-width: 376px) {
  html {
    font-size: 5.7666666667px;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 5.75px;
  }
}
@media screen and (max-width: 374px) {
  html {
    font-size: 5.7333333333px;
  }
}
@media screen and (max-width: 373px) {
  html {
    font-size: 5.7166666667px;
  }
}
@media screen and (max-width: 372px) {
  html {
    font-size: 5.7px;
  }
}
@media screen and (max-width: 371px) {
  html {
    font-size: 5.6833333333px;
  }
}
@media screen and (max-width: 370px) {
  html {
    font-size: 5.6666666667px;
  }
}
@media screen and (max-width: 369px) {
  html {
    font-size: 5.65px;
  }
}
@media screen and (max-width: 368px) {
  html {
    font-size: 5.6333333333px;
  }
}
@media screen and (max-width: 367px) {
  html {
    font-size: 5.6166666667px;
  }
}
@media screen and (max-width: 366px) {
  html {
    font-size: 5.6px;
  }
}
@media screen and (max-width: 365px) {
  html {
    font-size: 5.5833333333px;
  }
}
@media screen and (max-width: 364px) {
  html {
    font-size: 5.5666666667px;
  }
}
@media screen and (max-width: 363px) {
  html {
    font-size: 5.55px;
  }
}
@media screen and (max-width: 362px) {
  html {
    font-size: 5.5333333333px;
  }
}
@media screen and (max-width: 361px) {
  html {
    font-size: 5.5166666667px;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 5.5px;
  }
}
@media screen and (max-width: 359px) {
  html {
    font-size: 5.4833333333px;
  }
}
@media screen and (max-width: 358px) {
  html {
    font-size: 5.4666666667px;
  }
}
@media screen and (max-width: 357px) {
  html {
    font-size: 5.45px;
  }
}
@media screen and (max-width: 356px) {
  html {
    font-size: 5.4333333333px;
  }
}
@media screen and (max-width: 355px) {
  html {
    font-size: 5.4166666667px;
  }
}
@media screen and (max-width: 354px) {
  html {
    font-size: 5.4px;
  }
}
@media screen and (max-width: 353px) {
  html {
    font-size: 5.3833333333px;
  }
}
@media screen and (max-width: 352px) {
  html {
    font-size: 5.3666666667px;
  }
}
@media screen and (max-width: 351px) {
  html {
    font-size: 5.35px;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 5.3333333333px;
  }
}
@media screen and (max-width: 349px) {
  html {
    font-size: 5.3166666667px;
  }
}
@media screen and (max-width: 348px) {
  html {
    font-size: 5.3px;
  }
}
@media screen and (max-width: 347px) {
  html {
    font-size: 5.2833333333px;
  }
}
@media screen and (max-width: 346px) {
  html {
    font-size: 5.2666666667px;
  }
}
@media screen and (max-width: 345px) {
  html {
    font-size: 5.25px;
  }
}
@media screen and (max-width: 344px) {
  html {
    font-size: 5.2333333333px;
  }
}
@media screen and (max-width: 343px) {
  html {
    font-size: 5.2166666667px;
  }
}
@media screen and (max-width: 342px) {
  html {
    font-size: 5.2px;
  }
}
@media screen and (max-width: 341px) {
  html {
    font-size: 5.1833333333px;
  }
}
@media screen and (max-width: 340px) {
  html {
    font-size: 5.1666666667px;
  }
}
@media screen and (max-width: 339px) {
  html {
    font-size: 5.15px;
  }
}
@media screen and (max-width: 338px) {
  html {
    font-size: 5.1333333333px;
  }
}
@media screen and (max-width: 337px) {
  html {
    font-size: 5.1166666667px;
  }
}
@media screen and (max-width: 336px) {
  html {
    font-size: 5.1px;
  }
}
@media screen and (max-width: 335px) {
  html {
    font-size: 5.0833333333px;
  }
}
@media screen and (max-width: 334px) {
  html {
    font-size: 5.0666666667px;
  }
}
@media screen and (max-width: 333px) {
  html {
    font-size: 5.05px;
  }
}
@media screen and (max-width: 332px) {
  html {
    font-size: 5.0333333333px;
  }
}
@media screen and (max-width: 331px) {
  html {
    font-size: 5.0166666667px;
  }
}
@media screen and (max-width: 330px) {
  html {
    font-size: 5px;
  }
}
@media screen and (max-width: 329px) {
  html {
    font-size: 4.9833333333px;
  }
}
@media screen and (max-width: 328px) {
  html {
    font-size: 4.9666666667px;
  }
}
@media screen and (max-width: 327px) {
  html {
    font-size: 4.95px;
  }
}
@media screen and (max-width: 326px) {
  html {
    font-size: 4.9333333333px;
  }
}
@media screen and (max-width: 325px) {
  html {
    font-size: 4.9166666667px;
  }
}
@media screen and (max-width: 324px) {
  html {
    font-size: 4.9px;
  }
}
@media screen and (max-width: 323px) {
  html {
    font-size: 4.8833333333px;
  }
}
@media screen and (max-width: 322px) {
  html {
    font-size: 4.8666666667px;
  }
}
@media screen and (max-width: 321px) {
  html {
    font-size: 4.85px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 4.8333333333px;
  }
}
@media screen and (max-width: 319px) {
  html {
    font-size: 4.8166666667px;
  }
}
@media screen and (max-width: 318px) {
  html {
    font-size: 4.8px;
  }
}
@media screen and (max-width: 317px) {
  html {
    font-size: 4.7833333333px;
  }
}
@media screen and (max-width: 316px) {
  html {
    font-size: 4.7666666667px;
  }
}
@media screen and (max-width: 315px) {
  html {
    font-size: 4.75px;
  }
}
@media screen and (max-width: 314px) {
  html {
    font-size: 4.7333333333px;
  }
}
@media screen and (max-width: 313px) {
  html {
    font-size: 4.7166666667px;
  }
}
@media screen and (max-width: 312px) {
  html {
    font-size: 4.7px;
  }
}
@media screen and (max-width: 311px) {
  html {
    font-size: 4.6833333333px;
  }
}
@media screen and (max-width: 310px) {
  html {
    font-size: 4.6666666667px;
  }
}
@media screen and (max-width: 309px) {
  html {
    font-size: 4.65px;
  }
}
@media screen and (max-width: 308px) {
  html {
    font-size: 4.6333333333px;
  }
}
@media screen and (max-width: 307px) {
  html {
    font-size: 4.6166666667px;
  }
}
@media screen and (max-width: 306px) {
  html {
    font-size: 4.6px;
  }
}
@media screen and (max-width: 305px) {
  html {
    font-size: 4.5833333333px;
  }
}
@media screen and (max-width: 304px) {
  html {
    font-size: 4.5666666667px;
  }
}
@media screen and (max-width: 303px) {
  html {
    font-size: 4.55px;
  }
}
@media screen and (max-width: 302px) {
  html {
    font-size: 4.5333333333px;
  }
}
@media screen and (max-width: 301px) {
  html {
    font-size: 4.5166666667px;
  }
}
@media screen and (max-width: 300px) {
  html {
    font-size: 4.5px;
  }
}
@media screen and (max-width: 299px) {
  html {
    font-size: 4.4833333333px;
  }
}
@media screen and (max-width: 298px) {
  html {
    font-size: 4.4666666667px;
  }
}
@media screen and (max-width: 297px) {
  html {
    font-size: 4.45px;
  }
}
@media screen and (max-width: 296px) {
  html {
    font-size: 4.4333333333px;
  }
}
@media screen and (max-width: 295px) {
  html {
    font-size: 4.4166666667px;
  }
}
@media screen and (max-width: 294px) {
  html {
    font-size: 4.4px;
  }
}
@media screen and (max-width: 293px) {
  html {
    font-size: 4.3833333333px;
  }
}
@media screen and (max-width: 292px) {
  html {
    font-size: 4.3666666667px;
  }
}
@media screen and (max-width: 291px) {
  html {
    font-size: 4.35px;
  }
}
@media screen and (max-width: 290px) {
  html {
    font-size: 4.3333333333px;
  }
}
@media screen and (max-width: 289px) {
  html {
    font-size: 4.3166666667px;
  }
}
@media screen and (max-width: 288px) {
  html {
    font-size: 4.3px;
  }
}
@media screen and (max-width: 287px) {
  html {
    font-size: 4.2833333333px;
  }
}
@media screen and (max-width: 286px) {
  html {
    font-size: 4.2666666667px;
  }
}
@media screen and (max-width: 285px) {
  html {
    font-size: 4.25px;
  }
}
@media screen and (max-width: 284px) {
  html {
    font-size: 4.2333333333px;
  }
}
@media screen and (max-width: 283px) {
  html {
    font-size: 4.2166666667px;
  }
}
@media screen and (max-width: 282px) {
  html {
    font-size: 4.2px;
  }
}
@media screen and (max-width: 281px) {
  html {
    font-size: 4.1833333333px;
  }
}
@media screen and (max-height: 800px) and (min-width: 800px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-height: 799px) and (min-width: 799px) {
  html {
    font-size: 9.9833333333px;
  }
}
@media screen and (max-height: 798px) and (min-width: 798px) {
  html {
    font-size: 9.9666666667px;
  }
}
@media screen and (max-height: 797px) and (min-width: 797px) {
  html {
    font-size: 9.95px;
  }
}
@media screen and (max-height: 796px) and (min-width: 796px) {
  html {
    font-size: 9.9333333333px;
  }
}
@media screen and (max-height: 795px) and (min-width: 795px) {
  html {
    font-size: 9.9166666667px;
  }
}
@media screen and (max-height: 794px) and (min-width: 794px) {
  html {
    font-size: 9.9px;
  }
}
@media screen and (max-height: 793px) and (min-width: 793px) {
  html {
    font-size: 9.8833333333px;
  }
}
@media screen and (max-height: 792px) and (min-width: 792px) {
  html {
    font-size: 9.8666666667px;
  }
}
@media screen and (max-height: 791px) and (min-width: 791px) {
  html {
    font-size: 9.85px;
  }
}
@media screen and (max-height: 790px) and (min-width: 790px) {
  html {
    font-size: 9.8333333333px;
  }
}
@media screen and (max-height: 789px) and (min-width: 789px) {
  html {
    font-size: 9.8166666667px;
  }
}
@media screen and (max-height: 788px) and (min-width: 788px) {
  html {
    font-size: 9.8px;
  }
}
@media screen and (max-height: 787px) and (min-width: 787px) {
  html {
    font-size: 9.7833333333px;
  }
}
@media screen and (max-height: 786px) and (min-width: 786px) {
  html {
    font-size: 9.7666666667px;
  }
}
@media screen and (max-height: 785px) and (min-width: 785px) {
  html {
    font-size: 9.75px;
  }
}
@media screen and (max-height: 784px) and (min-width: 784px) {
  html {
    font-size: 9.7333333333px;
  }
}
@media screen and (max-height: 783px) and (min-width: 783px) {
  html {
    font-size: 9.7166666667px;
  }
}
@media screen and (max-height: 782px) and (min-width: 782px) {
  html {
    font-size: 9.7px;
  }
}
@media screen and (max-height: 781px) and (min-width: 781px) {
  html {
    font-size: 9.6833333333px;
  }
}
@media screen and (max-height: 780px) and (min-width: 780px) {
  html {
    font-size: 9.6666666667px;
  }
}
@media screen and (max-height: 779px) and (min-width: 779px) {
  html {
    font-size: 9.65px;
  }
}
@media screen and (max-height: 778px) and (min-width: 778px) {
  html {
    font-size: 9.6333333333px;
  }
}
@media screen and (max-height: 777px) and (min-width: 777px) {
  html {
    font-size: 9.6166666667px;
  }
}
@media screen and (max-height: 776px) and (min-width: 776px) {
  html {
    font-size: 9.6px;
  }
}
@media screen and (max-height: 775px) and (min-width: 775px) {
  html {
    font-size: 9.5833333333px;
  }
}
@media screen and (max-height: 774px) and (min-width: 774px) {
  html {
    font-size: 9.5666666667px;
  }
}
@media screen and (max-height: 773px) and (min-width: 773px) {
  html {
    font-size: 9.55px;
  }
}
@media screen and (max-height: 772px) and (min-width: 772px) {
  html {
    font-size: 9.5333333333px;
  }
}
@media screen and (max-height: 771px) and (min-width: 771px) {
  html {
    font-size: 9.5166666667px;
  }
}
@media screen and (max-height: 770px) and (min-width: 770px) {
  html {
    font-size: 9.5px;
  }
}
@media screen and (max-height: 769px) and (min-width: 769px) {
  html {
    font-size: 9.4833333333px;
  }
}
@media screen and (max-height: 768px) and (min-width: 768px) {
  html {
    font-size: 9.4666666667px;
  }
}
@media screen and (max-height: 767px) and (min-width: 767px) {
  html {
    font-size: 9.45px;
  }
}
@media screen and (max-height: 766px) and (min-width: 766px) {
  html {
    font-size: 9.4333333333px;
  }
}
@media screen and (max-height: 765px) and (min-width: 765px) {
  html {
    font-size: 9.4166666667px;
  }
}
@media screen and (max-height: 764px) and (min-width: 764px) {
  html {
    font-size: 9.4px;
  }
}
@media screen and (max-height: 763px) and (min-width: 763px) {
  html {
    font-size: 9.3833333333px;
  }
}
@media screen and (max-height: 762px) and (min-width: 762px) {
  html {
    font-size: 9.3666666667px;
  }
}
@media screen and (max-height: 761px) and (min-width: 761px) {
  html {
    font-size: 9.35px;
  }
}
@media screen and (max-height: 760px) and (min-width: 760px) {
  html {
    font-size: 9.3333333333px;
  }
}
@media screen and (max-height: 759px) and (min-width: 759px) {
  html {
    font-size: 9.3166666667px;
  }
}
@media screen and (max-height: 758px) and (min-width: 758px) {
  html {
    font-size: 9.3px;
  }
}
@media screen and (max-height: 757px) and (min-width: 757px) {
  html {
    font-size: 9.2833333333px;
  }
}
@media screen and (max-height: 756px) and (min-width: 756px) {
  html {
    font-size: 9.2666666667px;
  }
}
@media screen and (max-height: 755px) and (min-width: 755px) {
  html {
    font-size: 9.25px;
  }
}
@media screen and (max-height: 754px) and (min-width: 754px) {
  html {
    font-size: 9.2333333333px;
  }
}
@media screen and (max-height: 753px) and (min-width: 753px) {
  html {
    font-size: 9.2166666667px;
  }
}
@media screen and (max-height: 752px) and (min-width: 752px) {
  html {
    font-size: 9.2px;
  }
}
@media screen and (max-height: 751px) and (min-width: 751px) {
  html {
    font-size: 9.1833333333px;
  }
}
@media screen and (max-height: 750px) and (min-width: 750px) {
  html {
    font-size: 9.1666666667px;
  }
}
@media screen and (max-height: 749px) and (min-width: 749px) {
  html {
    font-size: 9.15px;
  }
}
@media screen and (max-height: 748px) and (min-width: 748px) {
  html {
    font-size: 9.1333333333px;
  }
}
@media screen and (max-height: 747px) and (min-width: 747px) {
  html {
    font-size: 9.1166666667px;
  }
}
@media screen and (max-height: 746px) and (min-width: 746px) {
  html {
    font-size: 9.1px;
  }
}
@media screen and (max-height: 745px) and (min-width: 745px) {
  html {
    font-size: 9.0833333333px;
  }
}
@media screen and (max-height: 744px) and (min-width: 744px) {
  html {
    font-size: 9.0666666667px;
  }
}
@media screen and (max-height: 743px) and (min-width: 743px) {
  html {
    font-size: 9.05px;
  }
}
@media screen and (max-height: 742px) and (min-width: 742px) {
  html {
    font-size: 9.0333333333px;
  }
}
@media screen and (max-height: 741px) and (min-width: 741px) {
  html {
    font-size: 9.0166666667px;
  }
}
@media screen and (max-height: 740px) and (min-width: 740px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-height: 739px) and (min-width: 739px) {
  html {
    font-size: 8.9833333333px;
  }
}
@media screen and (max-height: 738px) and (min-width: 738px) {
  html {
    font-size: 8.9666666667px;
  }
}
@media screen and (max-height: 737px) and (min-width: 737px) {
  html {
    font-size: 8.95px;
  }
}
@media screen and (max-height: 736px) and (min-width: 736px) {
  html {
    font-size: 8.9333333333px;
  }
}
@media screen and (max-height: 735px) and (min-width: 735px) {
  html {
    font-size: 8.9166666667px;
  }
}
@media screen and (max-height: 734px) and (min-width: 734px) {
  html {
    font-size: 8.9px;
  }
}
@media screen and (max-height: 733px) and (min-width: 733px) {
  html {
    font-size: 8.8833333333px;
  }
}
@media screen and (max-height: 732px) and (min-width: 732px) {
  html {
    font-size: 8.8666666667px;
  }
}
@media screen and (max-height: 731px) and (min-width: 731px) {
  html {
    font-size: 8.85px;
  }
}
@media screen and (max-height: 730px) and (min-width: 730px) {
  html {
    font-size: 8.8333333333px;
  }
}
@media screen and (max-height: 729px) and (min-width: 729px) {
  html {
    font-size: 8.8166666667px;
  }
}
@media screen and (max-height: 728px) and (min-width: 728px) {
  html {
    font-size: 8.8px;
  }
}
@media screen and (max-height: 727px) and (min-width: 727px) {
  html {
    font-size: 8.7833333333px;
  }
}
@media screen and (max-height: 726px) and (min-width: 726px) {
  html {
    font-size: 8.7666666667px;
  }
}
@media screen and (max-height: 725px) and (min-width: 725px) {
  html {
    font-size: 8.75px;
  }
}
@media screen and (max-height: 724px) and (min-width: 724px) {
  html {
    font-size: 8.7333333333px;
  }
}
@media screen and (max-height: 723px) and (min-width: 723px) {
  html {
    font-size: 8.7166666667px;
  }
}
@media screen and (max-height: 722px) and (min-width: 722px) {
  html {
    font-size: 8.7px;
  }
}
@media screen and (max-height: 721px) and (min-width: 721px) {
  html {
    font-size: 8.6833333333px;
  }
}
@media screen and (max-height: 720px) and (min-width: 720px) {
  html {
    font-size: 8.6666666667px;
  }
}
@media screen and (max-height: 719px) and (min-width: 719px) {
  html {
    font-size: 8.65px;
  }
}
@media screen and (max-height: 718px) and (min-width: 718px) {
  html {
    font-size: 8.6333333333px;
  }
}
@media screen and (max-height: 717px) and (min-width: 717px) {
  html {
    font-size: 8.6166666667px;
  }
}
@media screen and (max-height: 716px) and (min-width: 716px) {
  html {
    font-size: 8.6px;
  }
}
@media screen and (max-height: 715px) and (min-width: 715px) {
  html {
    font-size: 8.5833333333px;
  }
}
@media screen and (max-height: 714px) and (min-width: 714px) {
  html {
    font-size: 8.5666666667px;
  }
}
@media screen and (max-height: 713px) and (min-width: 713px) {
  html {
    font-size: 8.55px;
  }
}
@media screen and (max-height: 712px) and (min-width: 712px) {
  html {
    font-size: 8.5333333333px;
  }
}
@media screen and (max-height: 711px) and (min-width: 711px) {
  html {
    font-size: 8.5166666667px;
  }
}
@media screen and (max-height: 710px) and (min-width: 710px) {
  html {
    font-size: 8.5px;
  }
}
@media screen and (max-height: 709px) and (min-width: 709px) {
  html {
    font-size: 8.4833333333px;
  }
}
@media screen and (max-height: 708px) and (min-width: 708px) {
  html {
    font-size: 8.4666666667px;
  }
}
@media screen and (max-height: 707px) and (min-width: 707px) {
  html {
    font-size: 8.45px;
  }
}
@media screen and (max-height: 706px) and (min-width: 706px) {
  html {
    font-size: 8.4333333333px;
  }
}
@media screen and (max-height: 705px) and (min-width: 705px) {
  html {
    font-size: 8.4166666667px;
  }
}
@media screen and (max-height: 704px) and (min-width: 704px) {
  html {
    font-size: 8.4px;
  }
}
@media screen and (max-height: 703px) and (min-width: 703px) {
  html {
    font-size: 8.3833333333px;
  }
}
@media screen and (max-height: 702px) and (min-width: 702px) {
  html {
    font-size: 8.3666666667px;
  }
}
@media screen and (max-height: 701px) and (min-width: 701px) {
  html {
    font-size: 8.35px;
  }
}
@media screen and (max-height: 700px) and (min-width: 700px) {
  html {
    font-size: 8.3333333333px;
  }
}
@media screen and (max-height: 699px) and (min-width: 699px) {
  html {
    font-size: 8.3166666667px;
  }
}
@media screen and (max-height: 698px) and (min-width: 698px) {
  html {
    font-size: 8.3px;
  }
}
@media screen and (max-height: 697px) and (min-width: 697px) {
  html {
    font-size: 8.2833333333px;
  }
}
@media screen and (max-height: 696px) and (min-width: 696px) {
  html {
    font-size: 8.2666666667px;
  }
}
@media screen and (max-height: 695px) and (min-width: 695px) {
  html {
    font-size: 8.25px;
  }
}
@media screen and (max-height: 694px) and (min-width: 694px) {
  html {
    font-size: 8.2333333333px;
  }
}
@media screen and (max-height: 693px) and (min-width: 693px) {
  html {
    font-size: 8.2166666667px;
  }
}
@media screen and (max-height: 692px) and (min-width: 692px) {
  html {
    font-size: 8.2px;
  }
}
@media screen and (max-height: 691px) and (min-width: 691px) {
  html {
    font-size: 8.1833333333px;
  }
}
@media screen and (max-height: 690px) and (min-width: 690px) {
  html {
    font-size: 8.1666666667px;
  }
}
@media screen and (max-height: 689px) and (min-width: 689px) {
  html {
    font-size: 8.15px;
  }
}
@media screen and (max-height: 688px) and (min-width: 688px) {
  html {
    font-size: 8.1333333333px;
  }
}
@media screen and (max-height: 687px) and (min-width: 687px) {
  html {
    font-size: 8.1166666667px;
  }
}
@media screen and (max-height: 686px) and (min-width: 686px) {
  html {
    font-size: 8.1px;
  }
}
@media screen and (max-height: 685px) and (min-width: 685px) {
  html {
    font-size: 8.0833333333px;
  }
}
@media screen and (max-height: 684px) and (min-width: 684px) {
  html {
    font-size: 8.0666666667px;
  }
}
@media screen and (max-height: 683px) and (min-width: 683px) {
  html {
    font-size: 8.05px;
  }
}
@media screen and (max-height: 682px) and (min-width: 682px) {
  html {
    font-size: 8.0333333333px;
  }
}
@media screen and (max-height: 681px) and (min-width: 681px) {
  html {
    font-size: 8.0166666667px;
  }
}
@media screen and (max-height: 680px) and (min-width: 680px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-height: 679px) and (min-width: 679px) {
  html {
    font-size: 7.9833333333px;
  }
}
@media screen and (max-height: 678px) and (min-width: 678px) {
  html {
    font-size: 7.9666666667px;
  }
}
@media screen and (max-height: 677px) and (min-width: 677px) {
  html {
    font-size: 7.95px;
  }
}
@media screen and (max-height: 676px) and (min-width: 676px) {
  html {
    font-size: 7.9333333333px;
  }
}
@media screen and (max-height: 675px) and (min-width: 675px) {
  html {
    font-size: 7.9166666667px;
  }
}
@media screen and (max-height: 674px) and (min-width: 674px) {
  html {
    font-size: 7.9px;
  }
}
@media screen and (max-height: 673px) and (min-width: 673px) {
  html {
    font-size: 7.8833333333px;
  }
}
@media screen and (max-height: 672px) and (min-width: 672px) {
  html {
    font-size: 7.8666666667px;
  }
}
@media screen and (max-height: 671px) and (min-width: 671px) {
  html {
    font-size: 7.85px;
  }
}
@media screen and (max-height: 670px) and (min-width: 670px) {
  html {
    font-size: 7.8333333333px;
  }
}
@media screen and (max-height: 669px) and (min-width: 669px) {
  html {
    font-size: 7.8166666667px;
  }
}
@media screen and (max-height: 668px) and (min-width: 668px) {
  html {
    font-size: 7.8px;
  }
}
@media screen and (max-height: 667px) and (min-width: 667px) {
  html {
    font-size: 7.7833333333px;
  }
}
@media screen and (max-height: 666px) and (min-width: 666px) {
  html {
    font-size: 7.7666666667px;
  }
}
@media screen and (max-height: 665px) and (min-width: 665px) {
  html {
    font-size: 7.75px;
  }
}
@media screen and (max-height: 664px) and (min-width: 664px) {
  html {
    font-size: 7.7333333333px;
  }
}
@media screen and (max-height: 663px) and (min-width: 663px) {
  html {
    font-size: 7.7166666667px;
  }
}
@media screen and (max-height: 662px) and (min-width: 662px) {
  html {
    font-size: 7.7px;
  }
}
@media screen and (max-height: 661px) and (min-width: 661px) {
  html {
    font-size: 7.6833333333px;
  }
}
@media screen and (max-height: 660px) and (min-width: 660px) {
  html {
    font-size: 7.6666666667px;
  }
}
@media screen and (max-height: 659px) and (min-width: 659px) {
  html {
    font-size: 7.65px;
  }
}
@media screen and (max-height: 658px) and (min-width: 658px) {
  html {
    font-size: 7.6333333333px;
  }
}
@media screen and (max-height: 657px) and (min-width: 657px) {
  html {
    font-size: 7.6166666667px;
  }
}
@media screen and (max-height: 656px) and (min-width: 656px) {
  html {
    font-size: 7.6px;
  }
}
@media screen and (max-height: 655px) and (min-width: 655px) {
  html {
    font-size: 7.5833333333px;
  }
}
@media screen and (max-height: 654px) and (min-width: 654px) {
  html {
    font-size: 7.5666666667px;
  }
}
@media screen and (max-height: 653px) and (min-width: 653px) {
  html {
    font-size: 7.55px;
  }
}
@media screen and (max-height: 652px) and (min-width: 652px) {
  html {
    font-size: 7.5333333333px;
  }
}
@media screen and (max-height: 651px) and (min-width: 651px) {
  html {
    font-size: 7.5166666667px;
  }
}
@media screen and (max-height: 650px) and (min-width: 650px) {
  html {
    font-size: 7.5px;
  }
}
@media screen and (max-height: 649px) and (min-width: 649px) {
  html {
    font-size: 7.4833333333px;
  }
}
@media screen and (max-height: 648px) and (min-width: 648px) {
  html {
    font-size: 7.4666666667px;
  }
}
@media screen and (max-height: 647px) and (min-width: 647px) {
  html {
    font-size: 7.45px;
  }
}
@media screen and (max-height: 646px) and (min-width: 646px) {
  html {
    font-size: 7.4333333333px;
  }
}
@media screen and (max-height: 645px) and (min-width: 645px) {
  html {
    font-size: 7.4166666667px;
  }
}
@media screen and (max-height: 644px) and (min-width: 644px) {
  html {
    font-size: 7.4px;
  }
}
@media screen and (max-height: 643px) and (min-width: 643px) {
  html {
    font-size: 7.3833333333px;
  }
}
@media screen and (max-height: 642px) and (min-width: 642px) {
  html {
    font-size: 7.3666666667px;
  }
}
@media screen and (max-height: 641px) and (min-width: 641px) {
  html {
    font-size: 7.35px;
  }
}
@media screen and (max-height: 640px) and (min-width: 640px) {
  html {
    font-size: 7.3333333333px;
  }
}
@media screen and (max-height: 639px) and (min-width: 639px) {
  html {
    font-size: 7.3166666667px;
  }
}
@media screen and (max-height: 638px) and (min-width: 638px) {
  html {
    font-size: 7.3px;
  }
}
@media screen and (max-height: 637px) and (min-width: 637px) {
  html {
    font-size: 7.2833333333px;
  }
}
@media screen and (max-height: 636px) and (min-width: 636px) {
  html {
    font-size: 7.2666666667px;
  }
}
@media screen and (max-height: 635px) and (min-width: 635px) {
  html {
    font-size: 7.25px;
  }
}
@media screen and (max-height: 634px) and (min-width: 634px) {
  html {
    font-size: 7.2333333333px;
  }
}
@media screen and (max-height: 633px) and (min-width: 633px) {
  html {
    font-size: 7.2166666667px;
  }
}
@media screen and (max-height: 632px) and (min-width: 632px) {
  html {
    font-size: 7.2px;
  }
}
@media screen and (max-height: 631px) and (min-width: 631px) {
  html {
    font-size: 7.1833333333px;
  }
}
@media screen and (max-height: 630px) and (min-width: 630px) {
  html {
    font-size: 7.1666666667px;
  }
}
@media screen and (max-height: 629px) and (min-width: 629px) {
  html {
    font-size: 7.15px;
  }
}
@media screen and (max-height: 628px) and (min-width: 628px) {
  html {
    font-size: 7.1333333333px;
  }
}
@media screen and (max-height: 627px) and (min-width: 627px) {
  html {
    font-size: 7.1166666667px;
  }
}
@media screen and (max-height: 626px) and (min-width: 626px) {
  html {
    font-size: 7.1px;
  }
}
@media screen and (max-height: 625px) and (min-width: 625px) {
  html {
    font-size: 7.0833333333px;
  }
}
@media screen and (max-height: 624px) and (min-width: 624px) {
  html {
    font-size: 7.0666666667px;
  }
}
@media screen and (max-height: 623px) and (min-width: 623px) {
  html {
    font-size: 7.05px;
  }
}
@media screen and (max-height: 622px) and (min-width: 622px) {
  html {
    font-size: 7.0333333333px;
  }
}
@media screen and (max-height: 621px) and (min-width: 621px) {
  html {
    font-size: 7.0166666667px;
  }
}
@media screen and (max-height: 620px) and (min-width: 620px) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-height: 619px) and (min-width: 619px) {
  html {
    font-size: 6.9833333333px;
  }
}
@media screen and (max-height: 618px) and (min-width: 618px) {
  html {
    font-size: 6.9666666667px;
  }
}
@media screen and (max-height: 617px) and (min-width: 617px) {
  html {
    font-size: 6.95px;
  }
}
@media screen and (max-height: 616px) and (min-width: 616px) {
  html {
    font-size: 6.9333333333px;
  }
}
@media screen and (max-height: 615px) and (min-width: 615px) {
  html {
    font-size: 6.9166666667px;
  }
}
@media screen and (max-height: 614px) and (min-width: 614px) {
  html {
    font-size: 6.9px;
  }
}
@media screen and (max-height: 613px) and (min-width: 613px) {
  html {
    font-size: 6.8833333333px;
  }
}
@media screen and (max-height: 612px) and (min-width: 612px) {
  html {
    font-size: 6.8666666667px;
  }
}
@media screen and (max-height: 611px) and (min-width: 611px) {
  html {
    font-size: 6.85px;
  }
}
@media screen and (max-height: 610px) and (min-width: 610px) {
  html {
    font-size: 6.8333333333px;
  }
}
@media screen and (max-height: 609px) and (min-width: 609px) {
  html {
    font-size: 6.8166666667px;
  }
}
@media screen and (max-height: 608px) and (min-width: 608px) {
  html {
    font-size: 6.8px;
  }
}
@media screen and (max-height: 607px) and (min-width: 607px) {
  html {
    font-size: 6.7833333333px;
  }
}
@media screen and (max-height: 606px) and (min-width: 606px) {
  html {
    font-size: 6.7666666667px;
  }
}
@media screen and (max-height: 605px) and (min-width: 605px) {
  html {
    font-size: 6.75px;
  }
}
@media screen and (max-height: 604px) and (min-width: 604px) {
  html {
    font-size: 6.7333333333px;
  }
}
@media screen and (max-height: 603px) and (min-width: 603px) {
  html {
    font-size: 6.7166666667px;
  }
}
@media screen and (max-height: 602px) and (min-width: 602px) {
  html {
    font-size: 6.7px;
  }
}
@media screen and (max-height: 601px) and (min-width: 601px) {
  html {
    font-size: 6.6833333333px;
  }
}
@media screen and (max-height: 600px) and (min-width: 600px) {
  html {
    font-size: 6.6666666667px;
  }
}
@media screen and (max-height: 599px) and (min-width: 599px) {
  html {
    font-size: 6.65px;
  }
}
@media screen and (max-height: 598px) and (min-width: 598px) {
  html {
    font-size: 6.6333333333px;
  }
}
@media screen and (max-height: 597px) and (min-width: 597px) {
  html {
    font-size: 6.6166666667px;
  }
}
@media screen and (max-height: 596px) and (min-width: 596px) {
  html {
    font-size: 6.6px;
  }
}
@media screen and (max-height: 595px) and (min-width: 595px) {
  html {
    font-size: 6.5833333333px;
  }
}
@media screen and (max-height: 594px) and (min-width: 594px) {
  html {
    font-size: 6.5666666667px;
  }
}
@media screen and (max-height: 593px) and (min-width: 593px) {
  html {
    font-size: 6.55px;
  }
}
@media screen and (max-height: 592px) and (min-width: 592px) {
  html {
    font-size: 6.5333333333px;
  }
}
@media screen and (max-height: 591px) and (min-width: 591px) {
  html {
    font-size: 6.5166666667px;
  }
}
@media screen and (max-height: 590px) and (min-width: 590px) {
  html {
    font-size: 6.5px;
  }
}
@media screen and (max-height: 589px) and (min-width: 589px) {
  html {
    font-size: 6.4833333333px;
  }
}
@media screen and (max-height: 588px) and (min-width: 588px) {
  html {
    font-size: 6.4666666667px;
  }
}
@media screen and (max-height: 587px) and (min-width: 587px) {
  html {
    font-size: 6.45px;
  }
}
@media screen and (max-height: 586px) and (min-width: 586px) {
  html {
    font-size: 6.4333333333px;
  }
}
@media screen and (max-height: 585px) and (min-width: 585px) {
  html {
    font-size: 6.4166666667px;
  }
}
@media screen and (max-height: 584px) and (min-width: 584px) {
  html {
    font-size: 6.4px;
  }
}
@media screen and (max-height: 583px) and (min-width: 583px) {
  html {
    font-size: 6.3833333333px;
  }
}
@media screen and (max-height: 582px) and (min-width: 582px) {
  html {
    font-size: 6.3666666667px;
  }
}
@media screen and (max-height: 581px) and (min-width: 581px) {
  html {
    font-size: 6.35px;
  }
}
@media screen and (max-height: 580px) and (min-width: 580px) {
  html {
    font-size: 6.3333333333px;
  }
}
@media screen and (max-height: 579px) and (min-width: 579px) {
  html {
    font-size: 6.3166666667px;
  }
}
@media screen and (max-height: 578px) and (min-width: 578px) {
  html {
    font-size: 6.3px;
  }
}
@media screen and (max-height: 577px) and (min-width: 577px) {
  html {
    font-size: 6.2833333333px;
  }
}
@media screen and (max-height: 576px) and (min-width: 576px) {
  html {
    font-size: 6.2666666667px;
  }
}
@media screen and (max-height: 575px) and (min-width: 575px) {
  html {
    font-size: 6.25px;
  }
}
@media screen and (max-height: 574px) and (min-width: 574px) {
  html {
    font-size: 6.2333333333px;
  }
}
@media screen and (max-height: 573px) and (min-width: 573px) {
  html {
    font-size: 6.2166666667px;
  }
}
@media screen and (max-height: 572px) and (min-width: 572px) {
  html {
    font-size: 6.2px;
  }
}
@media screen and (max-height: 571px) and (min-width: 571px) {
  html {
    font-size: 6.1833333333px;
  }
}
@media screen and (max-height: 570px) and (min-width: 570px) {
  html {
    font-size: 6.1666666667px;
  }
}
@media screen and (max-height: 569px) and (min-width: 569px) {
  html {
    font-size: 6.15px;
  }
}
@media screen and (max-height: 568px) and (min-width: 568px) {
  html {
    font-size: 6.1333333333px;
  }
}
@media screen and (max-height: 567px) and (min-width: 567px) {
  html {
    font-size: 6.1166666667px;
  }
}
@media screen and (max-height: 566px) and (min-width: 566px) {
  html {
    font-size: 6.1px;
  }
}
@media screen and (max-height: 565px) and (min-width: 565px) {
  html {
    font-size: 6.0833333333px;
  }
}
@media screen and (max-height: 564px) and (min-width: 564px) {
  html {
    font-size: 6.0666666667px;
  }
}
@media screen and (max-height: 563px) and (min-width: 563px) {
  html {
    font-size: 6.05px;
  }
}
@media screen and (max-height: 562px) and (min-width: 562px) {
  html {
    font-size: 6.0333333333px;
  }
}
@media screen and (max-height: 561px) and (min-width: 561px) {
  html {
    font-size: 6.0166666667px;
  }
}
@media screen and (max-height: 560px) and (min-width: 560px) {
  html {
    font-size: 6px;
  }
}
@media screen and (max-height: 559px) and (min-width: 559px) {
  html {
    font-size: 5.9833333333px;
  }
}
@media screen and (max-height: 558px) and (min-width: 558px) {
  html {
    font-size: 5.9666666667px;
  }
}
@media screen and (max-height: 557px) and (min-width: 557px) {
  html {
    font-size: 5.95px;
  }
}
@media screen and (max-height: 556px) and (min-width: 556px) {
  html {
    font-size: 5.9333333333px;
  }
}
@media screen and (max-height: 555px) and (min-width: 555px) {
  html {
    font-size: 5.9166666667px;
  }
}
@media screen and (max-height: 554px) and (min-width: 554px) {
  html {
    font-size: 5.9px;
  }
}
@media screen and (max-height: 553px) and (min-width: 553px) {
  html {
    font-size: 5.8833333333px;
  }
}
@media screen and (max-height: 552px) and (min-width: 552px) {
  html {
    font-size: 5.8666666667px;
  }
}
@media screen and (max-height: 551px) and (min-width: 551px) {
  html {
    font-size: 5.85px;
  }
}
@media screen and (max-height: 550px) and (min-width: 550px) {
  html {
    font-size: 5.8333333333px;
  }
}
@media screen and (max-height: 549px) and (min-width: 549px) {
  html {
    font-size: 5.8166666667px;
  }
}
@media screen and (max-height: 548px) and (min-width: 548px) {
  html {
    font-size: 5.8px;
  }
}
@media screen and (max-height: 547px) and (min-width: 547px) {
  html {
    font-size: 5.7833333333px;
  }
}
@media screen and (max-height: 546px) and (min-width: 546px) {
  html {
    font-size: 5.7666666667px;
  }
}
@media screen and (max-height: 545px) and (min-width: 545px) {
  html {
    font-size: 5.75px;
  }
}
@media screen and (max-height: 544px) and (min-width: 544px) {
  html {
    font-size: 5.7333333333px;
  }
}
@media screen and (max-height: 543px) and (min-width: 543px) {
  html {
    font-size: 5.7166666667px;
  }
}
@media screen and (max-height: 542px) and (min-width: 542px) {
  html {
    font-size: 5.7px;
  }
}
@media screen and (max-height: 541px) and (min-width: 541px) {
  html {
    font-size: 5.6833333333px;
  }
}
@media screen and (max-height: 540px) and (min-width: 540px) {
  html {
    font-size: 5.6666666667px;
  }
}
@media screen and (max-height: 539px) and (min-width: 539px) {
  html {
    font-size: 5.65px;
  }
}
@media screen and (max-height: 538px) and (min-width: 538px) {
  html {
    font-size: 5.6333333333px;
  }
}
@media screen and (max-height: 537px) and (min-width: 537px) {
  html {
    font-size: 5.6166666667px;
  }
}
@media screen and (max-height: 536px) and (min-width: 536px) {
  html {
    font-size: 5.6px;
  }
}
@media screen and (max-height: 535px) and (min-width: 535px) {
  html {
    font-size: 5.5833333333px;
  }
}
@media screen and (max-height: 534px) and (min-width: 534px) {
  html {
    font-size: 5.5666666667px;
  }
}
@media screen and (max-height: 533px) and (min-width: 533px) {
  html {
    font-size: 5.55px;
  }
}
@media screen and (max-height: 532px) and (min-width: 532px) {
  html {
    font-size: 5.5333333333px;
  }
}
@media screen and (max-height: 531px) and (min-width: 531px) {
  html {
    font-size: 5.5166666667px;
  }
}
@media screen and (max-height: 530px) and (min-width: 530px) {
  html {
    font-size: 5.5px;
  }
}
@media screen and (max-height: 529px) and (min-width: 529px) {
  html {
    font-size: 5.4833333333px;
  }
}
@media screen and (max-height: 528px) and (min-width: 528px) {
  html {
    font-size: 5.4666666667px;
  }
}
@media screen and (max-height: 527px) and (min-width: 527px) {
  html {
    font-size: 5.45px;
  }
}
@media screen and (max-height: 526px) and (min-width: 526px) {
  html {
    font-size: 5.4333333333px;
  }
}
@media screen and (max-height: 525px) and (min-width: 525px) {
  html {
    font-size: 5.4166666667px;
  }
}
@media screen and (max-height: 524px) and (min-width: 524px) {
  html {
    font-size: 5.4px;
  }
}
@media screen and (max-height: 523px) and (min-width: 523px) {
  html {
    font-size: 5.3833333333px;
  }
}
@media screen and (max-height: 522px) and (min-width: 522px) {
  html {
    font-size: 5.3666666667px;
  }
}
@media screen and (max-height: 521px) and (min-width: 521px) {
  html {
    font-size: 5.35px;
  }
}
@media screen and (max-height: 520px) and (min-width: 520px) {
  html {
    font-size: 5.3333333333px;
  }
}
@media screen and (max-height: 519px) and (min-width: 519px) {
  html {
    font-size: 5.3166666667px;
  }
}
@media screen and (max-height: 518px) and (min-width: 518px) {
  html {
    font-size: 5.3px;
  }
}
@media screen and (max-height: 517px) and (min-width: 517px) {
  html {
    font-size: 5.2833333333px;
  }
}
@media screen and (max-height: 516px) and (min-width: 516px) {
  html {
    font-size: 5.2666666667px;
  }
}
@media screen and (max-height: 515px) and (min-width: 515px) {
  html {
    font-size: 5.25px;
  }
}
@media screen and (max-height: 514px) and (min-width: 514px) {
  html {
    font-size: 5.2333333333px;
  }
}
@media screen and (max-height: 513px) and (min-width: 513px) {
  html {
    font-size: 5.2166666667px;
  }
}
@media screen and (max-height: 512px) and (min-width: 512px) {
  html {
    font-size: 5.2px;
  }
}
@media screen and (max-height: 511px) and (min-width: 511px) {
  html {
    font-size: 5.1833333333px;
  }
}
@media screen and (max-height: 510px) and (min-width: 510px) {
  html {
    font-size: 5.1666666667px;
  }
}
@media screen and (max-height: 509px) and (min-width: 509px) {
  html {
    font-size: 5.15px;
  }
}
@media screen and (max-height: 508px) and (min-width: 508px) {
  html {
    font-size: 5.1333333333px;
  }
}
@media screen and (max-height: 507px) and (min-width: 507px) {
  html {
    font-size: 5.1166666667px;
  }
}
@media screen and (max-height: 506px) and (min-width: 506px) {
  html {
    font-size: 5.1px;
  }
}
@media screen and (max-height: 505px) and (min-width: 505px) {
  html {
    font-size: 5.0833333333px;
  }
}
@media screen and (max-height: 504px) and (min-width: 504px) {
  html {
    font-size: 5.0666666667px;
  }
}
@media screen and (max-height: 503px) and (min-width: 503px) {
  html {
    font-size: 5.05px;
  }
}
@media screen and (max-height: 502px) and (min-width: 502px) {
  html {
    font-size: 5.0333333333px;
  }
}
@media screen and (max-height: 501px) and (min-width: 501px) {
  html {
    font-size: 5.0166666667px;
  }
}
@media screen and (max-height: 500px) and (min-width: 500px) {
  html {
    font-size: 5px;
  }
}
@media screen and (max-height: 499px) and (min-width: 499px) {
  html {
    font-size: 4.9833333333px;
  }
}
@media screen and (max-height: 498px) and (min-width: 498px) {
  html {
    font-size: 4.9666666667px;
  }
}
@media screen and (max-height: 497px) and (min-width: 497px) {
  html {
    font-size: 4.95px;
  }
}
@media screen and (max-height: 496px) and (min-width: 496px) {
  html {
    font-size: 4.9333333333px;
  }
}
@media screen and (max-height: 495px) and (min-width: 495px) {
  html {
    font-size: 4.9166666667px;
  }
}
@media screen and (max-height: 494px) and (min-width: 494px) {
  html {
    font-size: 4.9px;
  }
}
@media screen and (max-height: 493px) and (min-width: 493px) {
  html {
    font-size: 4.8833333333px;
  }
}
@media screen and (max-height: 492px) and (min-width: 492px) {
  html {
    font-size: 4.8666666667px;
  }
}
@media screen and (max-height: 491px) and (min-width: 491px) {
  html {
    font-size: 4.85px;
  }
}
@media screen and (max-height: 490px) and (min-width: 490px) {
  html {
    font-size: 4.8333333333px;
  }
}
@media screen and (max-height: 489px) and (min-width: 489px) {
  html {
    font-size: 4.8166666667px;
  }
}
@media screen and (max-height: 488px) and (min-width: 488px) {
  html {
    font-size: 4.8px;
  }
}
@media screen and (max-height: 487px) and (min-width: 487px) {
  html {
    font-size: 4.7833333333px;
  }
}
@media screen and (max-height: 486px) and (min-width: 486px) {
  html {
    font-size: 4.7666666667px;
  }
}
@media screen and (max-height: 485px) and (min-width: 485px) {
  html {
    font-size: 4.75px;
  }
}
@media screen and (max-height: 484px) and (min-width: 484px) {
  html {
    font-size: 4.7333333333px;
  }
}
@media screen and (max-height: 483px) and (min-width: 483px) {
  html {
    font-size: 4.7166666667px;
  }
}
@media screen and (max-height: 482px) and (min-width: 482px) {
  html {
    font-size: 4.7px;
  }
}
@media screen and (max-height: 481px) and (min-width: 481px) {
  html {
    font-size: 4.6833333333px;
  }
}
@media screen and (max-height: 480px) and (min-width: 480px) {
  html {
    font-size: 4.6666666667px;
  }
}
@media screen and (max-height: 479px) and (min-width: 479px) {
  html {
    font-size: 4.65px;
  }
}
@media screen and (max-height: 478px) and (min-width: 478px) {
  html {
    font-size: 4.6333333333px;
  }
}
@media screen and (max-height: 477px) and (min-width: 477px) {
  html {
    font-size: 4.6166666667px;
  }
}
@media screen and (max-height: 476px) and (min-width: 476px) {
  html {
    font-size: 4.6px;
  }
}
@media screen and (max-height: 475px) and (min-width: 475px) {
  html {
    font-size: 4.5833333333px;
  }
}
@media screen and (max-height: 474px) and (min-width: 474px) {
  html {
    font-size: 4.5666666667px;
  }
}
@media screen and (max-height: 473px) and (min-width: 473px) {
  html {
    font-size: 4.55px;
  }
}
@media screen and (max-height: 472px) and (min-width: 472px) {
  html {
    font-size: 4.5333333333px;
  }
}
@media screen and (max-height: 471px) and (min-width: 471px) {
  html {
    font-size: 4.5166666667px;
  }
}
@media screen and (max-height: 470px) and (min-width: 470px) {
  html {
    font-size: 4.5px;
  }
}
@media screen and (max-height: 469px) and (min-width: 469px) {
  html {
    font-size: 4.4833333333px;
  }
}
@media screen and (max-height: 468px) and (min-width: 468px) {
  html {
    font-size: 4.4666666667px;
  }
}
@media screen and (max-height: 467px) and (min-width: 467px) {
  html {
    font-size: 4.45px;
  }
}
@media screen and (max-height: 466px) and (min-width: 466px) {
  html {
    font-size: 4.4333333333px;
  }
}
@media screen and (max-height: 465px) and (min-width: 465px) {
  html {
    font-size: 4.4166666667px;
  }
}
@media screen and (max-height: 464px) and (min-width: 464px) {
  html {
    font-size: 4.4px;
  }
}
@media screen and (max-height: 463px) and (min-width: 463px) {
  html {
    font-size: 4.3833333333px;
  }
}
@media screen and (max-height: 462px) and (min-width: 462px) {
  html {
    font-size: 4.3666666667px;
  }
}
@media screen and (max-height: 461px) and (min-width: 461px) {
  html {
    font-size: 4.35px;
  }
}
@media screen and (max-height: 460px) and (min-width: 460px) {
  html {
    font-size: 4.3333333333px;
  }
}
@media screen and (max-height: 459px) and (min-width: 459px) {
  html {
    font-size: 4.3166666667px;
  }
}
@media screen and (max-height: 458px) and (min-width: 458px) {
  html {
    font-size: 4.3px;
  }
}
@media screen and (max-height: 457px) and (min-width: 457px) {
  html {
    font-size: 4.2833333333px;
  }
}
@media screen and (max-height: 456px) and (min-width: 456px) {
  html {
    font-size: 4.2666666667px;
  }
}
@media screen and (max-height: 455px) and (min-width: 455px) {
  html {
    font-size: 4.25px;
  }
}
@media screen and (max-height: 454px) and (min-width: 454px) {
  html {
    font-size: 4.2333333333px;
  }
}
@media screen and (max-height: 453px) and (min-width: 453px) {
  html {
    font-size: 4.2166666667px;
  }
}
@media screen and (max-height: 452px) and (min-width: 452px) {
  html {
    font-size: 4.2px;
  }
}
@media screen and (max-height: 451px) and (min-width: 451px) {
  html {
    font-size: 4.1833333333px;
  }
}
@media screen and (max-height: 450px) and (min-width: 450px) {
  html {
    font-size: 4.1666666667px;
  }
}
@media screen and (max-height: 449px) and (min-width: 449px) {
  html {
    font-size: 4.15px;
  }
}
@media screen and (max-height: 448px) and (min-width: 448px) {
  html {
    font-size: 4.1333333333px;
  }
}
@media screen and (max-height: 447px) and (min-width: 447px) {
  html {
    font-size: 4.1166666667px;
  }
}
@media screen and (max-height: 446px) and (min-width: 446px) {
  html {
    font-size: 4.1px;
  }
}
@media screen and (max-height: 445px) and (min-width: 445px) {
  html {
    font-size: 4.0833333333px;
  }
}
@media screen and (max-height: 444px) and (min-width: 444px) {
  html {
    font-size: 4.0666666667px;
  }
}
@media screen and (max-height: 443px) and (min-width: 443px) {
  html {
    font-size: 4.05px;
  }
}
@media screen and (max-height: 442px) and (min-width: 442px) {
  html {
    font-size: 4.0333333333px;
  }
}
@media screen and (max-height: 441px) and (min-width: 441px) {
  html {
    font-size: 4.0166666667px;
  }
}
@media screen and (max-height: 440px) and (min-width: 440px) {
  html {
    font-size: 4px;
  }
}
@media screen and (max-height: 439px) and (min-width: 439px) {
  html {
    font-size: 3.9833333333px;
  }
}
@media screen and (max-height: 438px) and (min-width: 438px) {
  html {
    font-size: 3.9666666667px;
  }
}
@media screen and (max-height: 437px) and (min-width: 437px) {
  html {
    font-size: 3.95px;
  }
}
@media screen and (max-height: 436px) and (min-width: 436px) {
  html {
    font-size: 3.9333333333px;
  }
}
@media screen and (max-height: 435px) and (min-width: 435px) {
  html {
    font-size: 3.9166666667px;
  }
}
@media screen and (max-height: 434px) and (min-width: 434px) {
  html {
    font-size: 3.9px;
  }
}
@media screen and (max-height: 433px) and (min-width: 433px) {
  html {
    font-size: 3.8833333333px;
  }
}
@media screen and (max-height: 432px) and (min-width: 432px) {
  html {
    font-size: 3.8666666667px;
  }
}
@media screen and (max-height: 431px) and (min-width: 431px) {
  html {
    font-size: 3.85px;
  }
}
@media screen and (max-height: 430px) and (min-width: 430px) {
  html {
    font-size: 3.8333333333px;
  }
}
@media screen and (max-height: 429px) and (min-width: 429px) {
  html {
    font-size: 3.8166666667px;
  }
}
@media screen and (max-height: 428px) and (min-width: 428px) {
  html {
    font-size: 3.8px;
  }
}
@media screen and (max-height: 427px) and (min-width: 427px) {
  html {
    font-size: 3.7833333333px;
  }
}
@media screen and (max-height: 426px) and (min-width: 426px) {
  html {
    font-size: 3.7666666667px;
  }
}
@media screen and (max-height: 425px) and (min-width: 425px) {
  html {
    font-size: 3.75px;
  }
}
@media screen and (max-height: 424px) and (min-width: 424px) {
  html {
    font-size: 3.7333333333px;
  }
}
@media screen and (max-height: 423px) and (min-width: 423px) {
  html {
    font-size: 3.7166666667px;
  }
}
@media screen and (max-height: 422px) and (min-width: 422px) {
  html {
    font-size: 3.7px;
  }
}
@media screen and (max-height: 421px) and (min-width: 421px) {
  html {
    font-size: 3.6833333333px;
  }
}
@media screen and (max-height: 420px) and (min-width: 420px) {
  html {
    font-size: 3.6666666667px;
  }
}
@media screen and (max-height: 419px) and (min-width: 419px) {
  html {
    font-size: 3.65px;
  }
}
@media screen and (max-height: 418px) and (min-width: 418px) {
  html {
    font-size: 3.6333333333px;
  }
}
@media screen and (max-height: 417px) and (min-width: 417px) {
  html {
    font-size: 3.6166666667px;
  }
}
@media screen and (max-height: 416px) and (min-width: 416px) {
  html {
    font-size: 3.6px;
  }
}
@media screen and (max-height: 415px) and (min-width: 415px) {
  html {
    font-size: 3.5833333333px;
  }
}
@media screen and (max-height: 414px) and (min-width: 414px) {
  html {
    font-size: 3.5666666667px;
  }
}
@media screen and (max-height: 413px) and (min-width: 413px) {
  html {
    font-size: 3.55px;
  }
}
@media screen and (max-height: 412px) and (min-width: 412px) {
  html {
    font-size: 3.5333333333px;
  }
}
@media screen and (max-height: 411px) and (min-width: 411px) {
  html {
    font-size: 3.5166666667px;
  }
}
@media screen and (max-height: 410px) and (min-width: 410px) {
  html {
    font-size: 3.5px;
  }
}
@media screen and (max-height: 409px) and (min-width: 409px) {
  html {
    font-size: 3.4833333333px;
  }
}
@media screen and (max-height: 408px) and (min-width: 408px) {
  html {
    font-size: 3.4666666667px;
  }
}
@media screen and (max-height: 407px) and (min-width: 407px) {
  html {
    font-size: 3.45px;
  }
}
@media screen and (max-height: 406px) and (min-width: 406px) {
  html {
    font-size: 3.4333333333px;
  }
}
@media screen and (max-height: 405px) and (min-width: 405px) {
  html {
    font-size: 3.4166666667px;
  }
}
@media screen and (max-height: 404px) and (min-width: 404px) {
  html {
    font-size: 3.4px;
  }
}
@media screen and (max-height: 403px) and (min-width: 403px) {
  html {
    font-size: 3.3833333333px;
  }
}
@media screen and (max-height: 402px) and (min-width: 402px) {
  html {
    font-size: 3.3666666667px;
  }
}
@media screen and (max-height: 401px) and (min-width: 401px) {
  html {
    font-size: 3.35px;
  }
}
@media screen and (max-height: 400px) and (min-width: 400px) {
  html {
    font-size: 3.3333333333px;
  }
}
@media screen and (max-height: 399px) and (min-width: 399px) {
  html {
    font-size: 3.3166666667px;
  }
}
@media screen and (max-height: 398px) and (min-width: 398px) {
  html {
    font-size: 3.3px;
  }
}
@media screen and (max-height: 397px) and (min-width: 397px) {
  html {
    font-size: 3.2833333333px;
  }
}
@media screen and (max-height: 396px) and (min-width: 396px) {
  html {
    font-size: 3.2666666667px;
  }
}
@media screen and (max-height: 395px) and (min-width: 395px) {
  html {
    font-size: 3.25px;
  }
}
@media screen and (max-height: 394px) and (min-width: 394px) {
  html {
    font-size: 3.2333333333px;
  }
}
@media screen and (max-height: 393px) and (min-width: 393px) {
  html {
    font-size: 3.2166666667px;
  }
}
@media screen and (max-height: 392px) and (min-width: 392px) {
  html {
    font-size: 3.2px;
  }
}
@media screen and (max-height: 391px) and (min-width: 391px) {
  html {
    font-size: 3.1833333333px;
  }
}
@media screen and (max-height: 390px) and (min-width: 390px) {
  html {
    font-size: 3.1666666667px;
  }
}
@media screen and (max-height: 389px) and (min-width: 389px) {
  html {
    font-size: 3.15px;
  }
}
@media screen and (max-height: 388px) and (min-width: 388px) {
  html {
    font-size: 3.1333333333px;
  }
}
@media screen and (max-height: 387px) and (min-width: 387px) {
  html {
    font-size: 3.1166666667px;
  }
}
@media screen and (max-height: 386px) and (min-width: 386px) {
  html {
    font-size: 3.1px;
  }
}
@media screen and (max-height: 385px) and (min-width: 385px) {
  html {
    font-size: 3.0833333333px;
  }
}
@media screen and (max-height: 384px) and (min-width: 384px) {
  html {
    font-size: 3.0666666667px;
  }
}
@media screen and (max-height: 383px) and (min-width: 383px) {
  html {
    font-size: 3.05px;
  }
}
@media screen and (max-height: 382px) and (min-width: 382px) {
  html {
    font-size: 3.0333333333px;
  }
}
@media screen and (max-height: 381px) and (min-width: 381px) {
  html {
    font-size: 3.0166666667px;
  }
}
@media screen and (max-height: 380px) and (min-width: 380px) {
  html {
    font-size: 3px;
  }
}
@media screen and (max-height: 379px) and (min-width: 379px) {
  html {
    font-size: 2.9833333333px;
  }
}
@media screen and (max-height: 378px) and (min-width: 378px) {
  html {
    font-size: 2.9666666667px;
  }
}
@media screen and (max-height: 377px) and (min-width: 377px) {
  html {
    font-size: 2.95px;
  }
}
@media screen and (max-height: 376px) and (min-width: 376px) {
  html {
    font-size: 2.9333333333px;
  }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  html {
    font-size: 7.3166666667px;
  }
}
@media screen and (max-height: 478px) and (orientation: landscape) {
  html {
    font-size: 7.3px;
  }
}
@media screen and (max-height: 477px) and (orientation: landscape) {
  html {
    font-size: 7.2833333333px;
  }
}
@media screen and (max-height: 476px) and (orientation: landscape) {
  html {
    font-size: 7.2666666667px;
  }
}
@media screen and (max-height: 475px) and (orientation: landscape) {
  html {
    font-size: 7.25px;
  }
}
@media screen and (max-height: 474px) and (orientation: landscape) {
  html {
    font-size: 7.2333333333px;
  }
}
@media screen and (max-height: 473px) and (orientation: landscape) {
  html {
    font-size: 7.2166666667px;
  }
}
@media screen and (max-height: 472px) and (orientation: landscape) {
  html {
    font-size: 7.2px;
  }
}
@media screen and (max-height: 471px) and (orientation: landscape) {
  html {
    font-size: 7.1833333333px;
  }
}
@media screen and (max-height: 470px) and (orientation: landscape) {
  html {
    font-size: 7.1666666667px;
  }
}
@media screen and (max-height: 469px) and (orientation: landscape) {
  html {
    font-size: 7.15px;
  }
}
@media screen and (max-height: 468px) and (orientation: landscape) {
  html {
    font-size: 7.1333333333px;
  }
}
@media screen and (max-height: 467px) and (orientation: landscape) {
  html {
    font-size: 7.1166666667px;
  }
}
@media screen and (max-height: 466px) and (orientation: landscape) {
  html {
    font-size: 7.1px;
  }
}
@media screen and (max-height: 465px) and (orientation: landscape) {
  html {
    font-size: 7.0833333333px;
  }
}
@media screen and (max-height: 464px) and (orientation: landscape) {
  html {
    font-size: 7.0666666667px;
  }
}
@media screen and (max-height: 463px) and (orientation: landscape) {
  html {
    font-size: 7.05px;
  }
}
@media screen and (max-height: 462px) and (orientation: landscape) {
  html {
    font-size: 7.0333333333px;
  }
}
@media screen and (max-height: 461px) and (orientation: landscape) {
  html {
    font-size: 7.0166666667px;
  }
}
@media screen and (max-height: 460px) and (orientation: landscape) {
  html {
    font-size: 7px;
  }
}
@media screen and (max-height: 459px) and (orientation: landscape) {
  html {
    font-size: 6.9833333333px;
  }
}
@media screen and (max-height: 458px) and (orientation: landscape) {
  html {
    font-size: 6.9666666667px;
  }
}
@media screen and (max-height: 457px) and (orientation: landscape) {
  html {
    font-size: 6.95px;
  }
}
@media screen and (max-height: 456px) and (orientation: landscape) {
  html {
    font-size: 6.9333333333px;
  }
}
@media screen and (max-height: 455px) and (orientation: landscape) {
  html {
    font-size: 6.9166666667px;
  }
}
@media screen and (max-height: 454px) and (orientation: landscape) {
  html {
    font-size: 6.9px;
  }
}
@media screen and (max-height: 453px) and (orientation: landscape) {
  html {
    font-size: 6.8833333333px;
  }
}
@media screen and (max-height: 452px) and (orientation: landscape) {
  html {
    font-size: 6.8666666667px;
  }
}
@media screen and (max-height: 451px) and (orientation: landscape) {
  html {
    font-size: 6.85px;
  }
}
@media screen and (max-height: 450px) and (orientation: landscape) {
  html {
    font-size: 6.8333333333px;
  }
}
@media screen and (max-height: 449px) and (orientation: landscape) {
  html {
    font-size: 6.8166666667px;
  }
}
@media screen and (max-height: 448px) and (orientation: landscape) {
  html {
    font-size: 6.8px;
  }
}
@media screen and (max-height: 447px) and (orientation: landscape) {
  html {
    font-size: 6.7833333333px;
  }
}
@media screen and (max-height: 446px) and (orientation: landscape) {
  html {
    font-size: 6.7666666667px;
  }
}
@media screen and (max-height: 445px) and (orientation: landscape) {
  html {
    font-size: 6.75px;
  }
}
@media screen and (max-height: 444px) and (orientation: landscape) {
  html {
    font-size: 6.7333333333px;
  }
}
@media screen and (max-height: 443px) and (orientation: landscape) {
  html {
    font-size: 6.7166666667px;
  }
}
@media screen and (max-height: 442px) and (orientation: landscape) {
  html {
    font-size: 6.7px;
  }
}
@media screen and (max-height: 441px) and (orientation: landscape) {
  html {
    font-size: 6.6833333333px;
  }
}
@media screen and (max-height: 440px) and (orientation: landscape) {
  html {
    font-size: 6.6666666667px;
  }
}
@media screen and (max-height: 439px) and (orientation: landscape) {
  html {
    font-size: 6.65px;
  }
}
@media screen and (max-height: 438px) and (orientation: landscape) {
  html {
    font-size: 6.6333333333px;
  }
}
@media screen and (max-height: 437px) and (orientation: landscape) {
  html {
    font-size: 6.6166666667px;
  }
}
@media screen and (max-height: 436px) and (orientation: landscape) {
  html {
    font-size: 6.6px;
  }
}
@media screen and (max-height: 435px) and (orientation: landscape) {
  html {
    font-size: 6.5833333333px;
  }
}
@media screen and (max-height: 434px) and (orientation: landscape) {
  html {
    font-size: 6.5666666667px;
  }
}
@media screen and (max-height: 433px) and (orientation: landscape) {
  html {
    font-size: 6.55px;
  }
}
@media screen and (max-height: 432px) and (orientation: landscape) {
  html {
    font-size: 6.5333333333px;
  }
}
@media screen and (max-height: 431px) and (orientation: landscape) {
  html {
    font-size: 6.5166666667px;
  }
}
@media screen and (max-height: 430px) and (orientation: landscape) {
  html {
    font-size: 6.5px;
  }
}
@media screen and (max-height: 429px) and (orientation: landscape) {
  html {
    font-size: 6.4833333333px;
  }
}
@media screen and (max-height: 428px) and (orientation: landscape) {
  html {
    font-size: 6.4666666667px;
  }
}
@media screen and (max-height: 427px) and (orientation: landscape) {
  html {
    font-size: 6.45px;
  }
}
@media screen and (max-height: 426px) and (orientation: landscape) {
  html {
    font-size: 6.4333333333px;
  }
}
@media screen and (max-height: 425px) and (orientation: landscape) {
  html {
    font-size: 6.4166666667px;
  }
}
@media screen and (max-height: 424px) and (orientation: landscape) {
  html {
    font-size: 6.4px;
  }
}
@media screen and (max-height: 423px) and (orientation: landscape) {
  html {
    font-size: 6.3833333333px;
  }
}
@media screen and (max-height: 422px) and (orientation: landscape) {
  html {
    font-size: 6.3666666667px;
  }
}
@media screen and (max-height: 421px) and (orientation: landscape) {
  html {
    font-size: 6.35px;
  }
}
@media screen and (max-height: 420px) and (orientation: landscape) {
  html {
    font-size: 6.3333333333px;
  }
}
@media screen and (max-height: 419px) and (orientation: landscape) {
  html {
    font-size: 6.3166666667px;
  }
}
@media screen and (max-height: 418px) and (orientation: landscape) {
  html {
    font-size: 6.3px;
  }
}
@media screen and (max-height: 417px) and (orientation: landscape) {
  html {
    font-size: 6.2833333333px;
  }
}
@media screen and (max-height: 416px) and (orientation: landscape) {
  html {
    font-size: 6.2666666667px;
  }
}
@media screen and (max-height: 415px) and (orientation: landscape) {
  html {
    font-size: 6.25px;
  }
}
@media screen and (max-height: 414px) and (orientation: landscape) {
  html {
    font-size: 6.2333333333px;
  }
}
@media screen and (max-height: 413px) and (orientation: landscape) {
  html {
    font-size: 6.2166666667px;
  }
}
@media screen and (max-height: 412px) and (orientation: landscape) {
  html {
    font-size: 6.2px;
  }
}
@media screen and (max-height: 411px) and (orientation: landscape) {
  html {
    font-size: 6.1833333333px;
  }
}
@media screen and (max-height: 410px) and (orientation: landscape) {
  html {
    font-size: 6.1666666667px;
  }
}
@media screen and (max-height: 409px) and (orientation: landscape) {
  html {
    font-size: 6.15px;
  }
}
@media screen and (max-height: 408px) and (orientation: landscape) {
  html {
    font-size: 6.1333333333px;
  }
}
@media screen and (max-height: 407px) and (orientation: landscape) {
  html {
    font-size: 6.1166666667px;
  }
}
@media screen and (max-height: 406px) and (orientation: landscape) {
  html {
    font-size: 6.1px;
  }
}
@media screen and (max-height: 405px) and (orientation: landscape) {
  html {
    font-size: 6.0833333333px;
  }
}
@media screen and (max-height: 404px) and (orientation: landscape) {
  html {
    font-size: 6.0666666667px;
  }
}
@media screen and (max-height: 403px) and (orientation: landscape) {
  html {
    font-size: 6.05px;
  }
}
@media screen and (max-height: 402px) and (orientation: landscape) {
  html {
    font-size: 6.0333333333px;
  }
}
@media screen and (max-height: 401px) and (orientation: landscape) {
  html {
    font-size: 6.0166666667px;
  }
}
@media screen and (max-height: 400px) and (orientation: landscape) {
  html {
    font-size: 6px;
  }
}
@media screen and (max-height: 399px) and (orientation: landscape) {
  html {
    font-size: 5.9833333333px;
  }
}
@media screen and (max-height: 398px) and (orientation: landscape) {
  html {
    font-size: 5.9666666667px;
  }
}
@media screen and (max-height: 397px) and (orientation: landscape) {
  html {
    font-size: 5.95px;
  }
}
@media screen and (max-height: 396px) and (orientation: landscape) {
  html {
    font-size: 5.9333333333px;
  }
}
@media screen and (max-height: 395px) and (orientation: landscape) {
  html {
    font-size: 5.9166666667px;
  }
}
@media screen and (max-height: 394px) and (orientation: landscape) {
  html {
    font-size: 5.9px;
  }
}
@media screen and (max-height: 393px) and (orientation: landscape) {
  html {
    font-size: 5.8833333333px;
  }
}
@media screen and (max-height: 392px) and (orientation: landscape) {
  html {
    font-size: 5.8666666667px;
  }
}
@media screen and (max-height: 391px) and (orientation: landscape) {
  html {
    font-size: 5.85px;
  }
}
@media screen and (max-height: 390px) and (orientation: landscape) {
  html {
    font-size: 5.8333333333px;
  }
}
@media screen and (max-height: 389px) and (orientation: landscape) {
  html {
    font-size: 5.8166666667px;
  }
}
@media screen and (max-height: 388px) and (orientation: landscape) {
  html {
    font-size: 5.8px;
  }
}
@media screen and (max-height: 387px) and (orientation: landscape) {
  html {
    font-size: 5.7833333333px;
  }
}
@media screen and (max-height: 386px) and (orientation: landscape) {
  html {
    font-size: 5.7666666667px;
  }
}
@media screen and (max-height: 385px) and (orientation: landscape) {
  html {
    font-size: 5.75px;
  }
}
@media screen and (max-height: 384px) and (orientation: landscape) {
  html {
    font-size: 5.7333333333px;
  }
}
@media screen and (max-height: 383px) and (orientation: landscape) {
  html {
    font-size: 5.7166666667px;
  }
}
@media screen and (max-height: 382px) and (orientation: landscape) {
  html {
    font-size: 5.7px;
  }
}
@media screen and (max-height: 381px) and (orientation: landscape) {
  html {
    font-size: 5.6833333333px;
  }
}
@media screen and (max-height: 380px) and (orientation: landscape) {
  html {
    font-size: 5.6666666667px;
  }
}
@media screen and (max-height: 379px) and (orientation: landscape) {
  html {
    font-size: 5.65px;
  }
}
@media screen and (max-height: 378px) and (orientation: landscape) {
  html {
    font-size: 5.6333333333px;
  }
}
@media screen and (max-height: 377px) and (orientation: landscape) {
  html {
    font-size: 5.6166666667px;
  }
}
@media screen and (max-height: 376px) and (orientation: landscape) {
  html {
    font-size: 5.6px;
  }
}
@media screen and (max-height: 375px) and (orientation: landscape) {
  html {
    font-size: 5.5833333333px;
  }
}
@media screen and (max-height: 374px) and (orientation: landscape) {
  html {
    font-size: 5.5666666667px;
  }
}
@media screen and (max-height: 373px) and (orientation: landscape) {
  html {
    font-size: 5.55px;
  }
}
@media screen and (max-height: 372px) and (orientation: landscape) {
  html {
    font-size: 5.5333333333px;
  }
}
@media screen and (max-height: 371px) and (orientation: landscape) {
  html {
    font-size: 5.5166666667px;
  }
}
@media screen and (max-height: 370px) and (orientation: landscape) {
  html {
    font-size: 5.5px;
  }
}
@media screen and (max-height: 369px) and (orientation: landscape) {
  html {
    font-size: 5.4833333333px;
  }
}
@media screen and (max-height: 368px) and (orientation: landscape) {
  html {
    font-size: 5.4666666667px;
  }
}
@media screen and (max-height: 367px) and (orientation: landscape) {
  html {
    font-size: 5.45px;
  }
}
@media screen and (max-height: 366px) and (orientation: landscape) {
  html {
    font-size: 5.4333333333px;
  }
}
@media screen and (max-height: 365px) and (orientation: landscape) {
  html {
    font-size: 5.4166666667px;
  }
}
@media screen and (max-height: 364px) and (orientation: landscape) {
  html {
    font-size: 5.4px;
  }
}
@media screen and (max-height: 363px) and (orientation: landscape) {
  html {
    font-size: 5.3833333333px;
  }
}
@media screen and (max-height: 362px) and (orientation: landscape) {
  html {
    font-size: 5.3666666667px;
  }
}
@media screen and (max-height: 361px) and (orientation: landscape) {
  html {
    font-size: 5.35px;
  }
}
@media screen and (max-height: 360px) and (orientation: landscape) {
  html {
    font-size: 5.3333333333px;
  }
}
@media screen and (max-height: 359px) and (orientation: landscape) {
  html {
    font-size: 5.3166666667px;
  }
}
@media screen and (max-height: 358px) and (orientation: landscape) {
  html {
    font-size: 5.3px;
  }
}
@media screen and (max-height: 357px) and (orientation: landscape) {
  html {
    font-size: 5.2833333333px;
  }
}
@media screen and (max-height: 356px) and (orientation: landscape) {
  html {
    font-size: 5.2666666667px;
  }
}
@media screen and (max-height: 355px) and (orientation: landscape) {
  html {
    font-size: 5.25px;
  }
}
@media screen and (max-height: 354px) and (orientation: landscape) {
  html {
    font-size: 5.2333333333px;
  }
}
@media screen and (max-height: 353px) and (orientation: landscape) {
  html {
    font-size: 5.2166666667px;
  }
}
@media screen and (max-height: 352px) and (orientation: landscape) {
  html {
    font-size: 5.2px;
  }
}
@media screen and (max-height: 351px) and (orientation: landscape) {
  html {
    font-size: 5.1833333333px;
  }
}
@media screen and (max-height: 350px) and (orientation: landscape) {
  html {
    font-size: 5.1666666667px;
  }
}
@media screen and (max-height: 349px) and (orientation: landscape) {
  html {
    font-size: 5.15px;
  }
}
@media screen and (max-height: 348px) and (orientation: landscape) {
  html {
    font-size: 5.1333333333px;
  }
}
@media screen and (max-height: 347px) and (orientation: landscape) {
  html {
    font-size: 5.1166666667px;
  }
}
@media screen and (max-height: 346px) and (orientation: landscape) {
  html {
    font-size: 5.1px;
  }
}
@media screen and (max-height: 345px) and (orientation: landscape) {
  html {
    font-size: 5.0833333333px;
  }
}
@media screen and (max-height: 344px) and (orientation: landscape) {
  html {
    font-size: 5.0666666667px;
  }
}
@media screen and (max-height: 343px) and (orientation: landscape) {
  html {
    font-size: 5.05px;
  }
}
@media screen and (max-height: 342px) and (orientation: landscape) {
  html {
    font-size: 5.0333333333px;
  }
}
@media screen and (max-height: 341px) and (orientation: landscape) {
  html {
    font-size: 5.0166666667px;
  }
}
@media screen and (max-height: 340px) and (orientation: landscape) {
  html {
    font-size: 5px;
  }
}
@media screen and (max-height: 339px) and (orientation: landscape) {
  html {
    font-size: 4.9833333333px;
  }
}
@media screen and (max-height: 338px) and (orientation: landscape) {
  html {
    font-size: 4.9666666667px;
  }
}
@media screen and (max-height: 337px) and (orientation: landscape) {
  html {
    font-size: 4.95px;
  }
}
@media screen and (max-height: 336px) and (orientation: landscape) {
  html {
    font-size: 4.9333333333px;
  }
}
@media screen and (max-height: 335px) and (orientation: landscape) {
  html {
    font-size: 4.9166666667px;
  }
}
@media screen and (max-height: 334px) and (orientation: landscape) {
  html {
    font-size: 4.9px;
  }
}
@media screen and (max-height: 333px) and (orientation: landscape) {
  html {
    font-size: 4.8833333333px;
  }
}
@media screen and (max-height: 332px) and (orientation: landscape) {
  html {
    font-size: 4.8666666667px;
  }
}
@media screen and (max-height: 331px) and (orientation: landscape) {
  html {
    font-size: 4.85px;
  }
}
@media screen and (max-height: 330px) and (orientation: landscape) {
  html {
    font-size: 4.8333333333px;
  }
}
@media screen and (max-height: 329px) and (orientation: landscape) {
  html {
    font-size: 4.8166666667px;
  }
}
@media screen and (max-height: 328px) and (orientation: landscape) {
  html {
    font-size: 4.8px;
  }
}
@media screen and (max-height: 327px) and (orientation: landscape) {
  html {
    font-size: 4.7833333333px;
  }
}
@media screen and (max-height: 326px) and (orientation: landscape) {
  html {
    font-size: 4.7666666667px;
  }
}
@media screen and (max-height: 325px) and (orientation: landscape) {
  html {
    font-size: 4.75px;
  }
}
@media screen and (max-height: 324px) and (orientation: landscape) {
  html {
    font-size: 4.7333333333px;
  }
}
@media screen and (max-height: 323px) and (orientation: landscape) {
  html {
    font-size: 4.7166666667px;
  }
}
@media screen and (max-height: 322px) and (orientation: landscape) {
  html {
    font-size: 4.7px;
  }
}
@media screen and (max-height: 321px) and (orientation: landscape) {
  html {
    font-size: 4.6833333333px;
  }
}

* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  font-size: 1.4rem;
  transition: all 0.5s;
  background-color: white;
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
}
body.intro[data-current-slide="0"] {
  background: #fff url(../images/angle-bas-01.jpg) 100% 100% no-repeat;
}
body.intro[data-current-slide="1"] {
  background: #fff url(../images/angle-bas-02.jpg) 100% 100% no-repeat;
}
body.intro[data-current-slide="2"] {
  background: #fff url(../images/angle-bas-03.jpg) 100% 100% no-repeat;
}
body.moving {
  overflow: hidden;
}
body .contenu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  body .contenu {
    margin-top: 0;
  }
}
body .contenu > .container {
  margin: auto;
}
@media screen and (max-width: 1080px) {
  body .contenu > .container {
    margin-top: 37rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  body .contenu > .container {
    margin-top: 5rem;
  }
}
body .contenu .contenu-wrapper {
  margin: auto;
  background-color: #fff;
  transition: all 0.5s;
  overflow: hidden;
  height: 100vh;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper {
    width: 100vw;
    height: 90rem;
  }
}
@media screen and (max-height: 479px) {
  body .contenu .contenu-wrapper {
    height: 40rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns {
  animation-duration: 1s;
}
body .contenu .contenu-wrapper .contenus-ctns.intro-ctns {
  position: absolute;
  top: 20rem;
  width: 100rem;
  height: 75rem;
  left: 30rem;
}
body .contenu .contenu-wrapper .contenus-ctns.intro-ctns .contenu-ctn {
  height: 60rem;
  margin-top: 3;
}
body .contenu .contenu-wrapper .contenus-ctns.references-ctns {
  width: 100vw;
  top: 8rem;
  overflow: visible;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns {
    padding: 0 100px;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns {
    padding: 0 50px;
  }
}
body .contenu .contenu-wrapper .contenus-ctns.invisible {
  display: none;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  position: absolute;
  top: 0;
  right: 1.1rem;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 2.5rem 0;
  list-style: none;
  height: 100%;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots:before {
  width: 1.4rem;
  height: 1px;
  position: absolute;
  top: 2.5rem;
  content: "";
  display: block;
  left: -0.4rem;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots:after {
  width: 1.4rem;
  height: 1px;
  position: absolute;
  bottom: 2.5rem;
  content: "";
  display: block;
  left: -0.4rem;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots > li {
  flex: 1;
  text-align: center;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots > li > button {
  height: 100%;
  border: 0;
  width: 0.6rem;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  font-size: 0;
  padding: 0;
  margin: 0;
  transition: all 0.5s;
  transition: all 0.5s;
}
body .contenu .contenu-wrapper .contenus-ctns > .slick-dots > li.slick-active > button {
  border-left-width: 0;
  border-right-width: 0;
}
body .contenu .contenu-wrapper .contenus-ctns .titre {
  transition: all 0.5s;
}
body .contenu .contenu-wrapper .contenus-ctns .texte {
  transition: all 0.5s;
}
body .contenu .contenu-wrapper .contenus-ctns .texte .fa,
body .contenu .contenu-wrapper .contenus-ctns .texte .fas {
  font-size: 0.45em;
  position: relative;
  top: -0.5rem;
}
body .contenu .contenu-wrapper .contenus-ctns .texte-highlight {
  transition: all 0.5s;
  font-size: 2.2rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn {
  padding: 3rem;
  max-width: 100%;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn {
    padding: 0;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre {
  font-size: 3.4rem;
  margin-bottom: 2rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre strong,
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre span {
  font-weight: 700;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre {
    font-size: 2.8rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .titre:empty {
  display: none;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte {
  font-size: 3.4rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte strong,
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte span {
  font-weight: 700;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte {
    font-size: 2.8rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte p {
  margin: 0;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte p + p {
  margin-top: 3rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte-highlight {
  font-size: 4.2rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte-highlight > p {
  margin-top: 3rem;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte-highlight {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn > .texte-highlight {
    font-size: 3.5rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-01 > .texte-highlight {
  color: #69c0ae;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-01 > .titre {
  color: #69c0ae;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-02 > .texte-highlight {
  color: #e88a98;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-02 > .titre {
  color: #e88a98;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-03 > .texte-highlight {
  color: #507eb4;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-03 > .titre {
  color: #507eb4;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.expertises-ctn[data-id="3"] > .texte {
  line-height: 1.4;
  font-size: 2rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-alt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-alt + .contenu-alt > .titre {
  margin-top: 2.5rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-alt.expertises-ctn > .titre {
  transform: none;
  padding: 0 2.5rem;
}
body .contenu .contenu-wrapper .contenus-ctns .contenu-ctn.contenu-alt.expertises-ctn > .texte {
  font-size: 4.2rem;
  width: auto;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .intro-ctn {
    height: 900px;
  }
}
@media screen and (max-width: 479) {
  body .contenu .contenu-wrapper .contenus-ctns .intro-ctn {
    height: 400px;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut {
  display: flex;
  width: 100%;
  background-position: 0% 50%;
  height: 540px;
  position: relative;
  justify-content: space-between;
  line-height: 1.4;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut {
    height: 120rem;
    flex-direction: column;
    padding-top: 60px;
    background-position: 0 0;
    justify-content: flex-start;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut {
    padding-top: 0;
    height: 72rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .accroche {
  padding-top: 13rem;
  padding-left: 5rem;
  font-size: 3.4rem;
  color: #000000;
  flex-basis: 450px;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .accroche {
    font-size: 4.6rem;
    padding-left: 60px;
    margin-bottom: 140px;
    flex-basis: auto;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .accroche {
    font-size: 3rem;
    padding-left: 4rem;
    margin-bottom: 4rem;
    padding-top: 3rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .blocs-images {
  display: flex;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .blocs-images .image-01 img {
  position: relative;
  z-index: 100;
  max-width: none;
  max-height: none;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .blocs-images .image-01 img {
    max-width: 120%;
    top: 60px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut .blocs-images .image-01 img {
    top: 80px;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut:after {
  display: block;
  content: "";
  background: url(../images/ref-ombre.png) no-repeat 100% 0;
  height: 123px;
  width: 100%;
  bottom: -123px;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-haut:after {
    height: 25px;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-footer {
  margin-top: 143px;
  border: 1px solid black;
  font-size: 2.2rem;
  line-height: 6rem;
  font-style: italic;
  overflow: hidden;
  white-space: nowrap;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-footer .marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-footer .marquee-content:hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-footer {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn .ref-footer {
    margin-top: 45px;
    line-height: 1.2;
    font-size: 2rem;
    padding: 8px;
  }
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn ul.bw_dots {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 37rem;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn ul.bw_dots > li {
  background-color: #fecc00;
  border: 2px solid #fecc00;
  border-radius: 100%;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  transition: all 0.5s;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn ul.bw_dots > li.actif {
  background-color: #fff;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn ul.bw_dots > li + li {
  margin-left: 0.5rem;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn ul.bw_dots > li a {
  display: block;
  height: 100%;
  width: 100%;
}
body .contenu .contenu-wrapper .contenus-ctns .references-ctn.reference-01 .ref-haut {
  background-image: url(../images/ref-01-fond.png);
}
@media screen and (max-width: 1080px) {
  body .contenu .contenu-wrapper .contenus-ctns .references-ctn.reference-01 .ref-haut {
    background-image: url(../images/ref-01-fond-sm.png);
    background-repeat: no-repeat;
  }
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .titre {
  transform: none;
  text-transform: none;
  font-size: 5rem;
  padding: 1rem 2rem;
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .titre {
    font-size: 4.8rem;
  }
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne {
  min-height: 3rem;
  margin-bottom: 1.5rem;
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne input[type=text],
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne input[type=email],
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne input[type=tel] {
  border: 0;
  border-bottom: 1px solid #000;
  width: 100%;
  line-height: 2rem;
  vertical-align: bottom;
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne textarea {
  width: 100%;
  line-height: 2rem;
  height: 10rem;
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne.ligne-02 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 479px) {
  body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne.ligne-02 {
    flex-direction: column;
  }
}
body .contenu .contenu-wrapper .contenus-ctns.contenu-contact .texte .ligne input[type=submit] {
  border: 0;
  background-color: #000;
  color: white;
  font-weight: 700;
  display: inline-block;
  padding: 1rem 3rem 1rem 1rem;
}
body.references .contenu-ctn {
  height: 900px;
  margin-top: 15px;
}
@media screen and (max-width: 1080px) {
  body.references .contenu-ctn {
    height: 190rem;
  }
}
body.references .slick-list {
  overflow: visible;
}
body.references .page-wrapper {
  background: none;
}
body.references .container {
  margin: 0;
}
@media screen and (max-width: 1080px) {
  body.references .container {
    margin-top: 0;
  }
}
body.intro {
  background-color: transparent;
}
body.intro .contenu .contenu-wrapper {
  background-color: transparent;
}
body.intro .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  /*  &:before,
  &:after {
      background-color: $scrollbartrack;
  }

  &>li {
      &>button {
          background-color: $scrollbartrack;
          border-color: $bgcontenu;
      }

      &.slick-active {
          &>button {
              background-color: $scrollbarcolor;
          }
      }
  } */
  display: none;
}
body.intro .contenu .contenu-wrapper .contenus-ctns .titre {
  color: #000;
}
body.intro .contenu .contenu-wrapper .contenus-ctns .texte {
  color: #000;
}
body.intro .contenu .contenu-wrapper .contenus-ctns .texte span {
  color: #1d1d1d;
}
body.intro header .menu-ctn li {
  color: #1d1d1b;
}
body.intro header .menu-ctn li > a.actif:after {
  background-color: #1d1d1b;
}
body.agence {
  background-color: #5dc4e2;
}
body.agence .contenu .contenu-wrapper {
  background-color: #fff;
}
body.agence .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  /*  &:before,
  &:after {
      background-color: $scrollbartrack;
  }

  &>li {
      &>button {
          background-color: $scrollbartrack;
          border-color: $bgcontenu;
      }

      &.slick-active {
          &>button {
              background-color: $scrollbarcolor;
          }
      }
  } */
  display: none;
}
body.agence .contenu .contenu-wrapper .contenus-ctns .titre {
  color: #1d1d1b;
}
body.agence .contenu .contenu-wrapper .contenus-ctns .texte {
  color: #1d1d1b;
}
body.agence .contenu .contenu-wrapper .contenus-ctns .texte span {
  color: #5dc4e2;
}
body.agence header .menu-ctn li {
  color: #1d1d1b;
}
body.agence header .menu-ctn li > a.actif:after {
  background-color: #1d1d1b;
}
body.expertises {
  background-color: #e93f77;
}
body.expertises .contenu .contenu-wrapper {
  background-color: #fff;
}
body.expertises .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  /*  &:before,
  &:after {
      background-color: $scrollbartrack;
  }

  &>li {
      &>button {
          background-color: $scrollbartrack;
          border-color: $bgcontenu;
      }

      &.slick-active {
          &>button {
              background-color: $scrollbarcolor;
          }
      }
  } */
  display: none;
}
body.expertises .contenu .contenu-wrapper .contenus-ctns .titre {
  color: #1d1d1b;
}
body.expertises .contenu .contenu-wrapper .contenus-ctns .texte {
  color: #1d1d1b;
}
body.expertises .contenu .contenu-wrapper .contenus-ctns .texte span {
  color: #e93f77;
}
body.expertises header .menu-ctn li {
  color: #1d1d1b;
}
body.expertises header .menu-ctn li > a.actif:after {
  background-color: #1d1d1b;
}
body.references {
  background-color: transparent;
}
body.references .contenu .contenu-wrapper {
  background-color: #fff;
}
body.references .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  /*  &:before,
  &:after {
      background-color: $scrollbartrack;
  }

  &>li {
      &>button {
          background-color: $scrollbartrack;
          border-color: $bgcontenu;
      }

      &.slick-active {
          &>button {
              background-color: $scrollbarcolor;
          }
      }
  } */
  display: none;
}
body.references .contenu .contenu-wrapper .contenus-ctns .titre {
  color: #1d1d1b;
}
body.references .contenu .contenu-wrapper .contenus-ctns .texte {
  color: #1d1d1b;
}
body.references .contenu .contenu-wrapper .contenus-ctns .texte span {
  color: #1d1d1b;
}
body.references header .menu-ctn li {
  color: #1d1d1b;
}
body.references header .menu-ctn li > a.actif:after {
  background-color: #1d1d1b;
}
body.contact {
  background-color: #000000;
}
body.contact .contenu .contenu-wrapper {
  background-color: #fff;
}
body.contact .contenu .contenu-wrapper .contenus-ctns > .slick-dots {
  /*  &:before,
  &:after {
      background-color: $scrollbartrack;
  }

  &>li {
      &>button {
          background-color: $scrollbartrack;
          border-color: $bgcontenu;
      }

      &.slick-active {
          &>button {
              background-color: $scrollbarcolor;
          }
      }
  } */
  display: none;
}
body.contact .contenu .contenu-wrapper .contenus-ctns .titre {
  color: #1d1d1b;
}
body.contact .contenu .contenu-wrapper .contenus-ctns .texte {
  color: #1d1d1b;
}
body.contact header .menu-ctn li {
  color: #fff;
}
body.contact header .menu-ctn li > a.actif:after {
  background-color: #fff;
}
body .bg-imgs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body .bg-imgs .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}
body .bg-imgs .bg-img.actif, body .bg-imgs .bg-img.moving {
  opacity: 1;
}
body .bg-imgs .bg-img.fadein {
  animation-duration: 4s;
  animation-name: fadeinreference;
  animation-timing-function: linear;
}
body .bg-imgs .bg-img.fadeout {
  animation-duration: 4s;
  animation-name: fadeoutreference;
  animation-timing-function: linear;
}
body.experstises .contenu .contenu-wrapper .contenu-ctns .texte i {
  font-size: 0.8rem;
  position: relative;
  top: -3px;
  margin-left: 2rem;
}
body.contact header .header-wrapper .menu-toggle {
  color: white;
}
body .clients-ctn {
  background-color: white;
  padding: 100px;
  height: 100%;
}
@media screen and (max-width: 991px) {
  body .clients-ctn {
    padding: 20px;
    max-height: 100vh;
    overflow-y: scroll;
  }
}
body .clients-ctn .titre {
  color: #7f669d;
  font-size: 24px;
  text-align: center;
  margin-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  body .clients-ctn .titre {
    margin-bottom: 30px !important;
    font-size: 20px;
  }
}
body .clients-ctn .clients {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  body .clients-ctn .clients {
    flex-direction: column;
  }
}
body .clients-ctn .clients .client {
  flex-basis: 25%;
  height: 25vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}
@media screen and (max-width: 991px) {
  body .clients-ctn .clients .client {
    flex-basis: 100%;
    width: 100%;
    height: auto;
    padding: 15px 20px;
  }
}
body .clients-ctn .clients .client img {
  max-height: 15vh;
}
@media screen and (max-width: 991px) {
  body .clients-ctn .clients .client img {
    max-height: 80px;
    max-width: 100%;
  }
}
body .chiffres-ctn {
  background: url(../images/fond-chiffres.png) no-repeat 50% 50%;
  background-size: cover;
  height: 100vh;
}
@media screen and (max-width: 991px) {
  body .chiffres-ctn {
    padding: 20px;
    height: auto;
    overflow-y: auto;
  }
}
body .chiffres-ctn .chiffres {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  body .chiffres-ctn .chiffres {
    flex-direction: column;
    align-items: center;
    max-height: 100vh;
    overflow-y: scroll;
  }
}
body .chiffres-ctn .chiffres .chiffre {
  flex-basis: 28%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  body .chiffres-ctn .chiffres .chiffre {
    flex-basis: 100%;
    width: 100%;
    padding: 15px 20px !important;
  }
}
body .chiffres-ctn .chiffres .chiffre img {
  max-height: 22vh;
}
@media screen and (max-width: 991px) {
  body .chiffres-ctn .chiffres .chiffre img {
    max-height: 100px;
    max-width: 100%;
  }
}
body .chiffres-ctn .chiffres .chiffre:nth-child(1), body .chiffres-ctn .chiffres .chiffre:nth-child(4) {
  padding-top: 50px;
}
body .chiffres-ctn .chiffres .chiffre:nth-child(3), body .chiffres-ctn .chiffres .chiffre:nth-child(6) {
  padding-top: 100px;
}
body .chiffres-ctn .chiffres .chiffre:nth-child(7) {
  flex-basis: 100%;
}
body .chiffres-ctn .chiffres .chiffre:nth-child(7) img {
  max-height: 15vh;
}
@media screen and (max-width: 991px) {
  body .chiffres-ctn .chiffres .chiffre:nth-child(7) img {
    max-height: 80px;
  }
}

@keyframes animereference {
  from {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes fadeinreference {
  from {
    opacity: 0;
    transform: scale(1);
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes fadeoutreference {
  from {
    opacity: 1;
    transform: scale(1.04);
  }
  25% {
    opacity: 0;
    transform: scale(1.05);
  }
}
a {
  text-decoration: none;
  color: inherit;
  transition: all 0.5s;
}

img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}

.scroll {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 500;
  cursor: pointer;
}
@media screen and (max-height: 1299px) {
  .scroll {
    bottom: 2rem;
  }
}
@media screen and (max-height: 799px) {
  .scroll {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 479px) {
  .scroll {
    bottom: 12.5rem;
  }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
  .scroll {
    display: none;
  }
}

.slick-prev,
.slick-next {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  background-color: transparent;
  display: block;
  height: 41px;
  width: 41px;
  z-index: 3000;
  font-size: 0;
  cursor: pointer;
}

.slick-prev {
  background-image: url(../images/nav-fleche-up.png);
  margin-top: -50px;
}

.slick-next {
  background-image: url(../images/nav-fleche-down.png);
  margin-top: 50px;
}

.intro-nav {
  display: none;
}

body.intro .intro-nav {
  display: block;
}/*# sourceMappingURL=style.css.map */