@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 300;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/Light/NespressoLucas-Light.woff")
    format("woff");
}
@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 400;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/Regular/NespressoLucas-Regular.woff")
    format("woff");
}
@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 500;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/Med/NespressoLucas-Med.woff")
    format("woff");
}
@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 600;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/Med/NespressoLucas-Med.woff")
    format("woff");
}
@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 700;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/Bold/NespressoLucas-Bold.woff")
    format("woff");
}
@font-face {
  font-display: swap;
  font-family: NespressoLucas;
  font-style: normal;
  font-weight: 800;
  src: url("https://www.nespresso.com/_ui/fonts/Nespresso_Lucas/XtraBd/NespressoLucas-XtraBd.woff")
    format("woff");
}
#bodyFake .button a {
  transition: all 0.4s linear;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}

#bodyFake {
  font-family: NespressoLucas, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 35px;
  background: #fff;
  position: relative;
  overflow-x: hidden;
}

.container {
  max-width: 1379px;
  width: 100%;
  margin: 0 auto;
}
#header {
  background: url(bg-1.jpg);
  background-size: cover;
  height: 51vw;
}
h1,
h2 {
  letter-spacing: 5px;
  margin-bottom: 2vw;
}

#card {
  background-color: #d4c8b2;
  padding: 60px 0;
  text-align: center;
}
.cards {
  display: flex;
  justify-content: space-between;
  margin-top: 3vw;
}
.cards .cards-info {
  width: 31%;
  background-position: center !important;
}
.cards .cards-info:first-child {
  background: url(card1.png);
  background-size: cover;
  height: 833px;
  position: relative;
}
.cards .cards-info:nth-child(2) {
  background: url(card2.png);
  background-size: cover;
  height: 833px;
  position: relative;
}
.cards .cards-info:last-child {
  background: url(card3.png);
  background-size: cover;
  height: 833px;
  position: relative;
}
.cards .cards-info p {
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: 600px;
}
#infos {
  background: url(bg-2.png);
  background-size: cover;
  height: 51vw;
  text-align: center;
  padding-top: 7vw;
}
h2 {
  letter-spacing: 4px;
  margin-bottom: 1vw;
  font-size: 2em;
  line-height: 54px;
}
#video {
  background: url(video-bg.png);
  background-size: cover;
  height: 60vw;
}
#capsule {
    text-align: center;
    margin: -12px;
}
#capsule .row {
  display: flex;
  justify-content: space-between;
}
#capsule .row .col {
  width: 32%;
}
#capsule .row .col img {
  width: 100%;
}
#capsule h2 {
  margin-top: 7vw;
}
#capsule .row .col p {
  width: 90%;
  margin: 0 auto;
}
#capsule .row .col img.min {
  margin-top: 35px;
  margin-bottom: 30px;
}
#capsule .row .col:first-child img.min {
  max-width: 86%;
}

#footer {
  background: url(bg-4.png);
  background-size: cover;
  height: 60vw;
  text-align: center;
}
#footer p {
  padding-top: 16vw;
  width: 80%;
  margin: 0 auto;
}
#table img {
  width: 100%;
  margin: 20px 0;
}
@media (max-width: 450px) {
    .cards {
        display: block;
    }
    .cards .cards-info {
        width: 100%;
        margin: 40px 0;
    }
    h1, h2 {
        letter-spacing: 5px;
        margin-bottom: 5vw;
        line-height: 44px;
    }
    p {
        font-size: 23px;
    }
    #infos {
        background: url(bg-2.png);
        background-size: cover;
        height: 224px;
        background-position: center;
        text-align: center;
        padding-top: 7vw;
    }
    #infos h2 {
      font-size: 15px;
      line-height: 25px;
  }
  div#infos p {
    font-size: 15px;
}
    h2 {
        letter-spacing: 4px;
        margin-bottom: 1vw;
        font-size: 1.5em;
        line-height: 36px;
    }
    h2 br{
        display: none;
    }
    #capsule .row {
        display: block;

    }
    #capsule .row .col {
        width: 100%;
    }
    #capsule .row .col img.full {
        margin: 33px 0px;
    }
    #footer {
        height: 97vw;
        background-position: center;
        margin-top: 17vw;

    }
    #footer p {
        padding-top: 22vw;
        width: 80%;
        margin: 0 auto;
        font-size: 17px;
        line-height: 25px;
    }
    #table img {
        width: 100%;

    }

}