@font-face {
  font-family: "BD_Cartoon_Shout";
  src: url("../fonts/BD_Cartoon_Shout.ttf");
}

body {
  background-color: #20201F;
}

h1,
h2,
.apropos-histo h3, .student-text,
.apropos-success h3, .apropos-team h3 {
  font-family: "BD_Cartoon_Shout";
}

header {
  background-color: #20201F;
}

header h1 {
  font-size: calc(18px + 14 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  header h1 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  header h1 {
    font-size: 32px;
  }
}

header nav {
  background-color: #20201F;
}

header nav ul {
  background-color: #20201F;
}

header nav ul a {
  font-size: calc(16px + 6 * ( (100vw - 420px) / 780));
  font-weight: 200;
}

@media screen and (max-width: 420px) {
  header nav ul a {
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) {
  header nav ul a {
    font-size: 22px;
  }
}

header .burger-back {
  height: 56.25vw;
  background-image: url("../img/bg3.jpg");
  background-size: cover;
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
}

header .over-back {
  height: 56.25vw;
  z-index: 2;
}

header h2 {
  font-size: calc(10px + 18 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  header h2 {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  header h2 {
    font-size: 28px;
  }
}

header h2 span {
  font-size: calc(10px + 18 * ( (100vw - 420px) / 780));
  color: #FE7E22;
}

@media screen and (max-width: 420px) {
  header h2 span {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  header h2 span {
    font-size: 28px;
  }
}

header .decouvrir {
  font-size: calc(10px + 16 * ( (100vw - 420px) / 780));
  background-color: #FE7E22;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  header .decouvrir {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  header .decouvrir {
    font-size: 26px;
  }
}

header .wall-back {
  height: 56.25vw;
  background-image: url("../img/bannere2.jpg");
  background-size: cover;
}

.carte-menu {
  background-color: #20201F;
}

.carte-menu h3 {
  font-size: calc(18px + 14 * ( (100vw - 420px) / 780));
  border-bottom: solid 2px #FE7E22;
  padding: 0.25rem 1.25rem;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  .carte-menu h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu h3 {
    font-size: 32px;
  }
}

.carte-menu .choix-menu {
  padding: 1rem 1.25rem;
}

.carte-menu .plats img {
  border: solid 5px #FFF;
  height: 25vw;
  width: 25vw;
  -o-object-fit: cover;
     object-fit: cover;
}

.carte-menu h4 {
  top: 5%;
  left: 20%;
  font-size: calc(12px + 12 * ( (100vw - 420px) / 780));
  font-weight: 400;
}

@media screen and (max-width: 420px) {
  .carte-menu h4 {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu h4 {
    font-size: 24px;
  }
}

.carte-menu p {
  font-size: calc(12px + 8 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .carte-menu p {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu p {
    font-size: 20px;
  }
}

.carte-menu .ico-svg img {
  height: 3vw;
  width: 3vw;
  -o-object-fit: contain;
     object-fit: contain;
}

.carte-menu .plats h5 {
  font-size: calc(12px + 14 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .carte-menu .plats h5 {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu .plats h5 {
    font-size: 26px;
  }
}

.carte-menu .student-back {
  height: 56.25vw;
  background-image: url("../img/bg2.jpg");
  background-size: cover;
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
}

.carte-menu .student-text h4 {
  font-size: calc(12px + 16 * ( (100vw - 420px) / 780));
  line-height: 5vw;
}

@media screen and (max-width: 420px) {
  .carte-menu .student-text h4 {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu .student-text h4 {
    font-size: 28px;
  }
}

.carte-menu .student-text .price.euro {
  font-family: sans-serif;
}

.carte-menu .student-text .price.plus {
  font-size: calc(50px + 14 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .carte-menu .student-text .price.plus {
    font-size: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .carte-menu .student-text .price.plus {
    font-size: 64px;
  }
}

.carte-menu .student-text .price.plus, .carte-menu .student-text .price {
  color: #FE7E22;
}

.avis {
  background-color: #20201F;
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
  -webkit-filter: contrast(95%);
          filter: contrast(95%);
}

.avis h3 {
  font-size: calc(18px + 14 * ( (100vw - 420px) / 780));
  border-bottom: solid 2px #FE7E22;
  padding: 1rem 1.25rem;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  .avis h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .avis h3 {
    font-size: 32px;
  }
}

.avis .card {
  background-color: #383736;
}

.avis h5 {
  font-size: calc(18px + 8 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .avis h5 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .avis h5 {
    font-size: 26px;
  }
}

.avis .photo-perso {
  height: 8vw;
  width: 8vw;
  background-color: #ccc;
}

.avis p {
  font-size: calc(10px + 6 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .avis p {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .avis p {
    font-size: 16px;
  }
}

.apropos {
  background-color: #20201F;
}

.apropos-histo .ardoise-back {
  height: 40vw;
  width: 40vw;
  background-image: url("../img/menu-special-beef-burger.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.apropos-histo h3 {
  font-size: calc(18px + 16 * ( (100vw - 420px) / 780));
  border-bottom: solid 3px #FE7E22;
  padding: 0.05rem 6.25rem 0.05rem 1.25rem;
  font-weight: 200;
}

@media screen and (max-width: 420px) {
  .apropos-histo h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-histo h3 {
    font-size: 34px;
  }
}

.apropos-histo p {
  font-size: calc(12px + 12 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .apropos-histo p {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-histo p {
    font-size: 24px;
  }
}

.apropos-histo .decouvrir {
  font-size: calc(10px + 16 * ( (100vw - 420px) / 780));
  background-color: #FE7E22;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  .apropos-histo .decouvrir {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-histo .decouvrir {
    font-size: 26px;
  }
}

.apropos-success-back {
  background-image: url(../img/wallpaperflare.jpg);
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
  background-size: cover;
  background-position: bottom;
  width: 100vw;
  height: 37.5vw;
}

.apropos-success-front {
  height: 37.5vw;
  width: 100vw;
}

.apropos-success h3 {
  font-size: calc(18px + 14 * ( (100vw - 420px) / 780));
  border-bottom: solid 2px #FE7E22;
  padding: 0.25rem 1.25rem;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  .apropos-success h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-success h3 {
    font-size: 32px;
  }
}

.apropos-success img {
  width: 3vw;
  height: 3vw;
}

.apropos-success p {
  font-size: calc(12px + 10 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .apropos-success p {
    font-size: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-success p {
    font-size: 22px;
  }
}

.apropos-team h3 {
  font-size: calc(18px + 16 * ( (100vw - 420px) / 780));
  border-bottom: solid 3px #FE7E22;
  padding: 0.05rem 1.25rem 0.05rem 0.25rem;
  font-weight: 200;
}

@media screen and (max-width: 420px) {
  .apropos-team h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-team h3 {
    font-size: 34px;
  }
}

.apropos-team .decouvrir {
  font-size: calc(10px + 16 * ( (100vw - 420px) / 780));
  background-color: #FE7E22;
  font-weight: 300;
}

@media screen and (max-width: 420px) {
  .apropos-team .decouvrir {
    font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-team .decouvrir {
    font-size: 26px;
  }
}

.apropos-team .photo-team {
  height: 18vw;
  width: 18vw;
  background-color: #FFF;
}

.apropos-team p {
  font-size: calc(14px + 6 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .apropos-team p {
    font-size: 14px;
  }
}

@media screen and (min-width: 1200px) {
  .apropos-team p {
    font-size: 20px;
  }
}

.price.plus {
  font-size: calc(50px + 14 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .price.plus {
    font-size: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .price.plus {
    font-size: 64px;
  }
}

.price.euro {
  font-family: sans-serif;
}

.footer {
  background-color: #161313;
}

.footer h2 {
  font-size: calc(24px + 8 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .footer h2 {
    font-size: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .footer h2 {
    font-size: 32px;
  }
}

.footer .point {
  width: 2vw;
  height: 2vw;
  background: #FFF;
}

.footer .insta {
  width: 7vw;
  height: 7vw;
  background: #FFF;
}

.footer-bottom {
  background-color: #000;
}

.footer h5 {
  font-size: calc(18px + 14 * ( (100vw - 420px) / 780));
}

@media screen and (max-width: 420px) {
  .footer h5 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .footer h5 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767.98px) {
  .carte-menu .choix-menu {
    padding: 0.5rem 1.25rem;
  }
  .carte-menu .plats img {
    border: solid 3px #FFF;
    height: 31vw;
    width: 31vw;
  }
  .carte-menu .ico-svg img {
    height: 10vw;
    width: 10vw;
  }
  .carte-menu .student h4 {
    line-height: 1.5rem;
  }
  .apropos {
    background-color: #20201F;
  }
  .apropos-histo h3 {
    font-size: calc(18px + 16 * ( (100vw - 420px) / 780));
    border-bottom: solid 3px #FE7E22;
    font-weight: 200;
  }
}

@media screen and (max-width: 767.98px) and (max-width: 420px) {
  .apropos-histo h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767.98px) and (min-width: 1200px) {
  .apropos-histo h3 {
    font-size: 34px;
  }
}

@media screen and (max-width: 767.98px) {
  footer .point {
    width: 7vw;
    height: 7vw;
    background: #FFF;
  }
  footer .insta {
    width: 12vw;
    height: 12vw;
    background: #FFF;
  }
  footer .footer-bottom {
    background-color: #000;
  }
}
/*# sourceMappingURL=style.css.map */