#Prime {
  margin: 5vw 0 7.5vw 0;
  width: 100%;
  background-size: 70% auto !important;
  background-position: 80% center !important;
}
#cuvee-line #Prime {
  background: transparent url(/img/cuvee/motif_cuvee_line.svg) no-repeat;
}
#cuvee-victorine #Prime {
  background: transparent url(/img/cuvee/motif_cuvee_victorine.svg) no-repeat;
}
#cuvee-martin #Prime {
  background: transparent url(/img/cuvee/motif_cuvee_martin.svg) no-repeat;
}
#cuvee-v-m-l-meunier #Prime {
  background: transparent url(/img/cuvee/motif_cuvee_vml.svg) no-repeat;
}
#cuvee-v-m-l-chardonnay #Prime {
  background: transparent url(/img/cuvee/motif_cuvee_vml2.svg) no-repeat;
}

#Prime h1 {
  font-family: "Perpetua Titling MT Light 2";
  font-size: calc(16px + 2.25vw);
  line-height: calc(16px + 2.75vw);
  display: block;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
  margin: 3vw;
  letter-spacing: 0.25vw;
}
#Prime h1 span {
  clear: both;
  display: block;
  font-family: "Perpetua Titling MT Light 2";
}

#Prime h1 span:nth-child(1) {
  font-size: calc(16px + 1.5vw);
  line-height: calc(16px + 2vw);
  letter-spacing: 0.1vw;
}
#Prime h1 span:nth-child(2) {
  font-size: calc(16px + 1vw);
  line-height: calc(16px + 1vw);
  letter-spacing: 0.1vw;
  margin-top: 2vw;
}
#Prime h1 span:nth-child(3) {
  font-size: calc(16px + 0.5vw);
  line-height: calc(16px + 2vw);
  letter-spacing: 0.1vw;
}
#Prime img {
  margin: 0 auto 0 auto;
  width: calc(100px + 30vw);
  max-width: 600px;
  display: flex;
}

#cuvee-blanc-de-blancs-grand-cru #Prime img,
#cuvee-extra-brut-grand-cru #Prime img,
#cuvee-coteaux-champenois #Prime img,
#cuvee-rose-extra-brut-grand-cru #Prime img,
#cuvee-blanc-de-noirs #Prime img,
#cuvee-blanc-de-blancs #Prime img,
#cuvee-demi-sec #Prime img,
#cuvee-millesime-2018 #Prime img,
#cuvee-premier-cru #Prime img,
#cuvee-brut #Prime img {
  max-width: 200px;
}




#Prime a.btnPREV,
#Prime a.btnNEXT {
  display: block;
  text-transform: uppercase;
  position: absolute;
  text-decoration: none;
  font-size: calc(16px + 0.25vw);
  line-height: calc(16px + 0.25vw);
  color: #000;
  font-weight: 200;
  letter-spacing: 0.1vw;
  margin-top: -100px;
  padding: 0 0 0 65px;
  margin-left: 2vw;
  background: transparent url(/img/arrow-prev.svg) no-repeat;
  background-position: left center;
}
#Prime a.btnNEXT {
  position: absolute;
  right: 0;
  padding: 0 65px 0 0;
  margin-right: 2vw;
  background: transparent url(/img/arrow-next.svg) no-repeat;
  background-position: right center;
}

#Descriptif {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  padding: 3% 10%;
  width: 100%;
}
#Descriptif h2 {
  font-size: calc(16px + 1.5vw);
  line-height: calc(16px + 1.5vw);
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5vw;
}
#Descriptif p {
  width: 100%;
}

.leftImg,
.rightImg {
  width: 100%;
  display: flex;
  align-items: center;
}
.leftImg > div,
.rightImg > div {
  width: 50%;
  padding: 5vw;
}
.leftImg > div div,
.rightImg > div div {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  padding: 2vw 0;
}
.leftImg > div h2,
.rightImg > div h2 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1vw;
}
.leftImg > div p,
.rightImg > div p {
  text-align: center;
  line-height: calc(16px + 0.75vw);
}

@media (max-width: 567px) {
 #Prime {
    background-size: 90% auto !important;
    background-position: center !important;
  }
  #Prime h1 {
    font-size: calc(16px + 3vw);
    display: inherit;
    position: inherit;
    margin: 3vw 3vw 5vw 3vw;
    text-align: center;
  }

  #Prime img {
    width: 32%;
  }

  #Descriptif {
    padding: 10% 5%;
  }
  #Descriptif h2 {
    font-size: calc(16px + 2vw);
    line-height: calc(16px + 2.5vw);
  }
  #Descriptif p {
    text-align: center;
  }

  .leftImg,
  .rightImg {
    flex-direction: column;
  }
  .leftImg > div,
  .rightImg > div {
    width: 100%;
    padding: 10vw;
  }
  .rightImg > div:nth-child(2) {
    order: -1;
  }
  .leftImg > div div,
  .rightImg > div div {
    padding: 5vw 0;
  }
  .leftImg > div h2,
  .rightImg > div h2 {
    font-size: calc(16px + 2vw);
    line-height: calc(16px + 2.5vw);
    margin-bottom: 5vw;
  }
}

@media (max-width: 768px) {
  #Prime a.btnPREV,
  #Prime a.btnNEXT {
    font-size: 0;
    margin-right: 5vw;
    margin-left: 5vw;
    height: 36px;
    width: 100px;
    background-size: 50px 50px;
    margin-top: -140px;
  }
}

@media all and (min-width: 568px) and (max-width: 1023px) {
  #Prime h1 {
    font-size: calc(16px + 3vw);
    display: inherit;
    position: inherit;
    margin: 3vw 3vw 5vw 3vw;
    text-align: center;
  }
}