3%/* line 4, app/assets/stylesheets/about.scss */
.section__one {
  background: var(--main-yellow);
  font-family: "Inter";
  font-weight: bold;
}

a {
  text-decoration: none;
}

/* line 18, app/assets/stylesheets/about.scss */
span {
  border-radius: 100px;
  background: var(--main-white);
  padding: 4px 30px 10px 20px;
}

/* line 23, app/assets/stylesheets/about.scss */
header {
  height: 90vh;
  border-radius: 0 0 70px 70px;
  background: var(--main-grey);
}

/* line 29, app/assets/stylesheets/about.scss */
header .header__img {
  height: 24px;
}

nav {
  z-index: 1000;
  height: 82px;
  position: sticky;
  top: 0px;
  width: 100vw;
  right: 0;
}

nav a {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  right: 20px;
  top: 10px;
  background-color: var(--main-purple);
  border: 2px solid var(--main-black);
  color: var(--main-black);
  z-index: 100;
  padding: 24px 24px;
  border-radius: 90px;
  width: max-content;
  cursor: pointer;
  transition: all 0.15s ease-in;
}

nav a:hover {
  background-color: var(--main-black);
  color: var(--main-white);
}

/* line 34, app/assets/stylesheets/about.scss */
header h1 {
  width: 60vw;
  font-size: 34px;
  line-height: 150%;
  position: absolute;
  top: 15vh;
  left: 10vw;
}

/* line 44, app/assets/stylesheets/about.scss */
header span {
  padding: 8px 14px;
  color: var(--main-grey);
  background: var(--main-black);
  vertical-align: middle;
}

/* line 52, app/assets/stylesheets/about.scss */
.main {
  position: relative;
  height: 100vh;
  z-index: 3;
  border-radius: 0 0 70px 70px;
  background: var(--main-yellow);
}

/* line 60, app/assets/stylesheets/about.scss */
.main h4 {
  font-size: 60px;
  position: absolute;
  top: 25vh;
  left: 15vw;
}

/* line 68, app/assets/stylesheets/about.scss */
.main .main__card {
  display: flex;
  flex-flow: row;
  margin-left: 15vw;
  position: absolute;
  top: 38vh;
}

/* line 78, app/assets/stylesheets/about.scss */
.main .main__card .main__card__one,
.main .main__card .main__card__two {
  width: 480px;
  height: 300px;
  border-radius: 20px;
  margin-right: 110px;
  background: var(--main-grey);
}

/* line 87, app/assets/stylesheets/about.scss */
.main .main__card .main__card__one h5,
.main .main__card .main__card__two h5 {
  font-size: 40px;
  font-weight: bold;
  padding: 54px 48px 0 48px;
}

/* line 93, app/assets/stylesheets/about.scss */
.main .main__card .main__card__one p,
.main .main__card .main__card__two p {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 500;
  padding: 36px 48px;
  line-height: 142%;
}

@keyframes transformCards {
  0% {
    transform: translateX(-20%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-20%);
  }
}

@keyframes transformCardsTwo {
  0% {
    transform: translateX(-10%);
  }
  50% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(-10%);
  }
}

/* line 128, app/assets/stylesheets/about.scss */
.section__two {
  background: var(--main-grey);
  font-family: "Inter";
  font-weight: bold;
}

/* line 133, app/assets/stylesheets/about.scss */
.section__two .main__two {
  height: 110vh;
  transform: translateY(-10vh);
  background: var(--main-black);
  border-radius: 0 0 70px 70px;
}

/* line 140, app/assets/stylesheets/about.scss */
.section__two .main__two h4 {
  font-size: 60px;
  width: 40vw;
  line-height: 122%;
  position: absolute;
  top: 33vh;
  left: 15vw;
  color: var(--main-grey);
}

/* line 151, app/assets/stylesheets/about.scss */
.section__two .main__two .main__two__p {
  position: absolute;
  top: 56vh;
  margin-left: 15vw;
}

/* line 156, app/assets/stylesheets/about.scss */
.section__two .main__two .main__two__p p {
  font-family: "Inter";
  font-size: 24px;
  width: max-content;
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 30px;
  color: var(--main-black);
  background: var(--main-grey);
}

.section__two .section__two__ingredients {
  margin-left: 7vw;
  position: relative;
}

.section__two .section__two__ingredients div {
  position: absolute;
  padding: 2vw 3vw;
  background: #ECEBFF;
  font-family: "Inter";
  color: #6C6BCF;
  font-weight: 500;
  font-size: 64px;
  border-radius: 100px;
  width: max-content;
}


.cheese {
  animation: cheese 9s infinite ease-out;
  transform: translateX(-0%);
  opacity: 0;
}

.tvorog {
  animation: tvorog 9s infinite ease-out;
  transform: translateX(-17%);
  opacity: 0;
  animation-delay: 1.6s;
}

.tofu {
  animation: tofu 9s infinite ease-out;
  transform: translateX(-25%);
  opacity: 0;
  animation-delay: 3.1s;
}

.cashew {
  animation: cashew 9s infinite ease-out;
  transform: translateX(-10%);
  opacity: 0;
  animation-delay: 4.8s;
}

.yeast {
  animation: yeast 9s infinite ease-out;
  transform: translateX(-10%);
  opacity: 0;
  animation-delay: 6.4s;
}

@keyframes cheese {
  start {
    transform: translateX(-25%);
    opacity: 0;
  }

  3% {
    transform: translateX(0%);
    opacity: 1;
  }

  15% {
    transform: translateX(0%);
    opacity: 1;
  }

  20% {
    transform: translateX(25%);
    opacity: 0;
  }

  100% {
    transform: translateX(25%);
    opacity: 0;
  }
}

@keyframes tvorog {
  start {
    transform: translateX(-17%);
    opacity: 0;
  }

  3% {
    transform: translateX(0%);
    opacity: 1;
  }

  15% {
    transform: translateX(0%);
    opacity: 1;
  }

  20% {
    transform: translateX(17%);
    opacity: 0;
  }

  100% {
    transform: translateX(17%);
    opacity: 0;
  }
}

@keyframes tofu {
  start {
    transform: translateX(-25%);
    opacity: 0;
  }

  3% {
    transform: translateX(0%);
    opacity: 1;
  }

  15% {
    transform: translateX(0%);
    opacity: 1;
  }

  20% {
    transform: translateX(25%);
    opacity: 0;
  }

  100% {
    transform: translateX(25%);
    opacity: 0;
  }
}

@keyframes cashew {
  start {
    transform: translateX(-10%);
    opacity: 0;
  }

  3% {
    transform: translateX(0%);
    opacity: 1;
  }

  15% {
    transform: translateX(0%);
    opacity: 1;
  }

  20% {
    transform: translateX(10%);
    opacity: 0;
  }

  100% {
    transform: translateX(10%);
    opacity: 0;
  }
}

@keyframes yeast {
  start {
    transform: translateX(-10%);
    opacity: 0;
  }

  3% {
    transform: translateX(0%);
    opacity: 1;
  }

  15% {
    transform: translateX(0%);
    opacity: 1;
  }

  20% {
    transform: translateX(10%);
    opacity: 0;
  }

  100% {
    transform: translateX(10%);
    opacity: 0;
  }
}





/* line 171, app/assets/stylesheets/about.scss */
.section__two .main__three {
  height: 115vh;
  position: relative;
  border-radius: 0 0 70px 70px;
  z-index: 2;
  background: var(--main-grey);
}

/* line 179, app/assets/stylesheets/about.scss */
.section__two .main__three h4 {
  font-size: 60px;
  width: 40vw;
  line-height: 122%;
  position: absolute;
  top: 15vh;
  left: 15vw;
  color: var(--main-black);
}

/* line 190, app/assets/stylesheets/about.scss */
.section__two .main__three p {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 500;
  line-height: 142%;
  position: absolute;
  top: 30vh;
  width: 49vw;
  margin-left: 15vw;
  color: var(--main-black);
}

/* line 204, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_one {
  position: absolute;
  width: 205vw;
  bottom: 23vh;
  transform: translateX(-10vw);
  animation: transformCardsTwo 30s linear infinite;
}

/* line 211, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_one span {
  font-size: 90px;
  padding: 32px 40px;
  vertical-align: middle;
  margin-left: 30px;
  color: var(--main-grey);
  background: var(--main-black);
}

/* line 222, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_one .img__main__three__card {
  width: 80px;
}

/* line 227, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_two {
  position: absolute;
  width: 140vw;
  bottom: 47vh;
  transform: translateX(-5vw);
  animation: transformCards 30s linear infinite;
}

/* line 234, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_two span {
  font-size: 90px;
  padding: 32px 40px;
  margin-left: 30px;
  color: var(--main-grey);
  background: var(--main-black);
}

/* line 244, app/assets/stylesheets/about.scss */
.section__two .main__three .main__three__card_two .img__main__three__card {
  width: 54px;
}

/* line 251, app/assets/stylesheets/about.scss */
.section__three {
  font-family: "Inter";
}

/* line 254, app/assets/stylesheets/about.scss */
.section__three .main__four {
  height: 115vh;
  transform: translateY(-10vh);
  border-radius: 0 0 70px 70px;
  background: var(--main-yellow);
}

/* line 261, app/assets/stylesheets/about.scss */
.section__three .main__four h4 {
  font-size: 60px;
  font-weight: bold;
  width: 40vw;
  line-height: 122%;
  position: absolute;
  top: 40vh;
  left: 15vw;
  color: var(--main-black);
}

/* line 273, app/assets/stylesheets/about.scss */
.section__three .main__four p {
  font-family: "Inter";
  font-weight: 500;
  font-size: 24px;
  line-height: 142%;
  position: absolute;
  top: 63vh;
  width: 30vw;
  margin-left: 15vw;
  color: var(--main-black);
}

/* line 287, app/assets/stylesheets/about.scss */
.section__three .main__four .img__phone {
  width: 500px;
  position: absolute;
  bottom: 0;
  right: 15vw;
}

/* line 295, app/assets/stylesheets/about.scss */
.section__three .main__five {
  height: 190vh;
  position: relative;
  border-radius: 0 0 70px 70px;
  z-index: 2;
}

/* line 302, app/assets/stylesheets/about.scss */
.section__three .main__five h4 {
  font-size: 60px;
  font-weight: bold;
  width: 50vw;
  line-height: 122%;
  position: absolute;
  top: 15vh;
  left: 15vw;
  color: var(--main-black);
}

/* line 314, app/assets/stylesheets/about.scss */
.section__three .main__five .main-five-card {
  position: absolute;
  top: 32vh;
  left: 15vw;
  height: 120vh;
}

/* line 322, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card {
  width: 25vw;
  height: 90vh;
  position: sticky;
  top: 6vh;
  border-radius: 20px;
  background: var(--main-yellow);
}

/* line 333, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card .main_five_card__img {
  margin-left: 34px;
  margin-top: 10px;
}

/* line 339, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card .main__five__ingredients {
  font-family: "Inter";
  font-weight: bold;
  margin-left: 24px;
  margin-bottom: 48px;
}

/* line 345, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card .main__five__ingredients p {
  font-family: "Inter";
  font-size: 18px;
  margin: 30px 0;
}

/* line 350, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card .main__five__ingredients p span {
  font-size: 24px;
  padding: 8px 20px 10px 20px;
  vertical-align: middle;
  margin-right: 12px;
}

/* line 356, app/assets/stylesheets/about.scss */
.section__three .main__five .main_five_card .main__five__ingredients p span .main__five__ingredients__img {
  height: 24px;
  vertical-align: middle;
}

/* line 365, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group {
  display: flex;
  flex-flow: column;
  margin-bottom: 120px;
  position: absolute;
  top: 50vh;
  left: 50vw;
}

/* line 374, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p {
  margin-bottom: 20vh;
}

/* line 377, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p h4 {
  width: 40vw;
  position: static;
  left: 0;
}

/* line 383, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p p {
  font-family: "Inter";
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
  margin-top: 7vh;
}

/* line 390, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p p span {
  padding: 8px 20px 10px 20px;
}

/* line 393, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p p span .main__five__group__p__img {
  height: 24px;
  vertical-align: middle;
}

/* line 398, app/assets/stylesheets/about.scss */
.section__three .main__five .main__five__group .main__five__group__p p .main__five__group__p__img__arrow {
  padding: 0 10px;
}

/* line 410, app/assets/stylesheets/about.scss */
.section__four {
  background: var(--main-black);
  font-family: "Inter";
  font-weight: bold;
}

/* line 415, app/assets/stylesheets/about.scss */
.section__four .main__seven {
  height: 100vh;
  position: relative;
  transform: translateY(-10vh);
  background: var(--main-yellow);
  border-radius: 0 0 70px 70px;
}

/* line 423, app/assets/stylesheets/about.scss */
.section__four .main__seven h4 {
  font-size: 60px;
  font-weight: bold;
  width: 40vw;
  line-height: 122%;
  position: absolute;
  top: 48vh;
  left: 50vw;
  color: var(--main-black);
}

/* line 435, app/assets/stylesheets/about.scss */
.section__four .main__seven p {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 500;
  line-height: 142%;
  width: 38vw;
  position: absolute;
  top: 71vh;
  left: 50vw;
  color: var(--main-black);
}

/* line 449, app/assets/stylesheets/about.scss */
.section__four .main__seven .main__six__img {
  width: 500px;
  position: absolute;
  bottom: 0;
  left: 15vw;
}

/* line 457, app/assets/stylesheets/about.scss */
.section__four footer {
  height: 50vh;
  transform: translateY(-10vh);
}
/* line 1, app/assets/stylesheets/landing.scss */
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 8, app/assets/stylesheets/landing.scss */
.top_menu {
  display: none !important;
}

/* line 12, app/assets/stylesheets/landing.scss */
:root {
  --main-black: #272727;
  --main-white: #F8F5E8;
  --main-green: #4AB15E;
  --main-red: #FF6242;
  --main-yellow: #FECE30;
  --main-purple: #9897DE;
}

/* line 21, app/assets/stylesheets/landing.scss */
body {
  background: var(--main-purple);
  overflow-x: hidden;
}

/* line 26, app/assets/stylesheets/landing.scss */
.section__one {
  height: 100vh;
  position: relative;
  background: var(--main-white);
}

/* line 32, app/assets/stylesheets/landing.scss */
.section__one .logo-bw {
  position: absolute;
  padding: 7%;
  z-index: 100;
}

.section__one__plate {
  position: absolute;
  height: 47vw;
  top: 27vh;
  right: -6.7%;
  transform: scaleX(-1) translateY(-23%);
  z-index: 9;
}

.section__one__group {
  position: relative;
  left: 7vw;
  height: 100vh;
  padding-top: 26vh;
  z-index: 100;
}

/* line 39, app/assets/stylesheets/landing.scss */
.section__one .section__one__img {
  /* position: absolute; */
  z-index: 10;
  top: 35%;
  /* left: 7vw; */
  transform: translateY(-50%);
}

/* line 47, app/assets/stylesheets/landing.scss */
.section__one .section__one__img__2 {
  display: none;
  z-index: 10;
}

/* line 51, app/assets/stylesheets/landing.scss */
.section__one p {
  width: 90vw;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  /* position: absolute; */
  top: 50%;
  padding-top: 50px;
  /* left: 7vw; */
  z-index: 10;
  color: var(--main-black);
}

/* line 73, app/assets/stylesheets/landing.scss */
.section__one a {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  display: inline-block;
  padding: 3vh 5vw;
  border-radius: 500px;
  position: relative;
  top: 60px;
  text-decoration: none;
  z-index: 10;
  color: var(--main-white);
  background: var(--main-black);
  transition: background 0.15s ease-in;
}

/* line 100, app/assets/stylesheets/landing.scss */
.section__one a:hover {
  background: var(--main-purple);
}

/* line 104, app/assets/stylesheets/landing.scss */
.section__one .section__one__div {
  height: calc(100vh + 40px);
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  flex-flow: wrap;
  position: absolute;
  right: 4px;
  top: 0;
  transform: translateY(-40px);
}

/* line 113, app/assets/stylesheets/landing.scss */
.section__one .section__one__div > div {
  width: 30vw;
  height: 30vw;
  margin: 2px;
  background: var(--main-yellow);
  border-radius: 300px;
}

/* line 121, app/assets/stylesheets/landing.scss */
.section__one .section__one__div > div:hover {
  background: var(--main-purple);
  transition: .5s;
}

/* line 131, app/assets/stylesheets/landing.scss */
.section__two {
  height: 100vh;
  background: var(--main-purple);
}

/* line 136, app/assets/stylesheets/landing.scss */
.section__two h2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 117%;
  letter-spacing: -0.03em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  padding: 7%;
  color: var(--main-black);
}

/* line 151, app/assets/stylesheets/landing.scss */
.section__two h2 span {
  color: var(--main-white);
  border-radius: 0;
  background: none;
}

/* line 161, app/assets/stylesheets/landing.scss */
.section__three {
  height: 100vh;
  background: var(--main-green);
  position: relative;
  overflow: hidden;
}

/* line 167, app/assets/stylesheets/landing.scss */
.section__three h1 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 76px;
  line-height: 91%;
  letter-spacing: -0.055em;
  padding: 7%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--main-white);
}

/* line 184, app/assets/stylesheets/landing.scss */
.section__three .section__three__img {
  width: 200vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* line 196, app/assets/stylesheets/landing.scss */
.section__four .section__four__one {
  background: var(--main-yellow);
  height: 50vh;
}

/* line 199, app/assets/stylesheets/landing.scss */
.section__four .section__four__one h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
  color: var(--main-black);
}

/* line 214, app/assets/stylesheets/landing.scss */
.section__four .section__four__two {
  background: var(--main-green);
  height: 50vh;
}

/* line 217, app/assets/stylesheets/landing.scss */
.section__four .section__four__two h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
  color: var(--main-black);
}

/* line 231, app/assets/stylesheets/landing.scss */
.section__four .section__four__three {
  background: var(--main-purple);
  height: 50vh;
}

/* line 234, app/assets/stylesheets/landing.scss */
.section__four .section__four__three h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
  color: var(--main-black);
}

/* line 248, app/assets/stylesheets/landing.scss */
.section__four .section__four__four {
  background: var(--main-black);
  height: 50vh;
}

.section__four h2 {
  position: relative;
  z-index: 2;
}

.section__four__one, .section__four__two, .section__four__three, .section__four__four {
  position: relative;
}

.section__four__plate {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 50vh;
  width: 11.5vw;
  max-width: 209px;
  object-fit: contain;
}

/* line 251, app/assets/stylesheets/landing.scss */
.section__four .section__four__four h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: -0.03em;
  text-align: left;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  padding: 7%;
  padding-right: 20%;
  color: var(--main-white);
}

/* line 270, app/assets/stylesheets/landing.scss */
.section__five {
  background: var(--main-white);
}

/* line 273, app/assets/stylesheets/landing.scss */
.section__five .section__five__div {
  height: 100vh;
  width: 100vw;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 288, app/assets/stylesheets/landing.scss */
.section__five .section__five__div .section__five__div__img {
  position: absolute;
}

.section__five__h2 {
  margin-top: -50vh;
}

/* line 293, app/assets/stylesheets/landing.scss */
.section__five h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -0.03em;
  text-align: center;
  padding-bottom: 360px;
  padding-left: 7%;
  padding-right: 7%;
  color: var(--main-black);
}

/* line 307, app/assets/stylesheets/landing.scss */
.section__five h2:nth-child(1) {
  color: var(--main-red);
}

/* line 312, app/assets/stylesheets/landing.scss */
.section__six {
  height: 100vh;
  background: var(--main-white);
  position: relative;
  overflow: hidden;
}

/* line 318, app/assets/stylesheets/landing.scss */
.section__six h1 {
  font-family: "Inter";
  font-size: 54px;
  font-style: normal;
  font-weight: 500;
  line-height: 49px;
  letter-spacing: -0.055em;
  text-align: left;
  padding: 7%;
  color: var(--main-black);
}

/* line 331, app/assets/stylesheets/landing.scss */
.section__six p {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
  padding: 0 7% 7% 7%;
  color: var(--main-black);
}

/* line 344, app/assets/stylesheets/landing.scss */
.section__six .section__six__img {
  width: 170%;
  position: absolute;
  bottom: -200px;
  margin: 0 auto;
  /* transform: translateX(-16%); */
}

/* line 353, app/assets/stylesheets/landing.scss */
.section__seven {
  height: 100vh;
  background: var(--main-green);
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 50vw 50vw;
  grid-auto-rows: 56vh 44vh;
}

.seven__one {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}

.seven__two {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}

.cafe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seven__three {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 2;
  background-color: var(--main-black);
}

.seven__three h1 {
  color: var(--main-white) !important;
}


/* line 359, app/assets/stylesheets/landing.scss */
.section__seven h1 {
  font-family: "Inter";
  font-size: 54px;
  font-style: normal;
  font-weight: 500;
  line-height: 49px;
  letter-spacing: -0.055em;
  text-align: left;
  padding: 7%;
  color: var(--main-black);
}

/* line 394, app/assets/stylesheets/landing.scss */
.section__seven a {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  text-decoration: none;
  padding: 24px 24px !important;
  margin-left: 7%;
  color: var(--main-black);
  background: var(--main-white);
  border-radius: 50px;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 2;
  height: max-content;
  width: max-content;
  display: inline-block;
  transition: all 0.15s ease-in;
}


/* line 410, app/assets/stylesheets/landing.scss */
.section__seven a:hover {
  background: var(--main-purple);
}

/* line 415, app/assets/stylesheets/landing.scss */
.section__eight {
  height: 56vh;
  position: relative;
  background: var(--main-white);
}

/* line 420, app/assets/stylesheets/landing.scss */
.section__eight h2 {
  font-family: "Inter";
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  line-height: 43px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
}

.call__to__action__div {
  height: 30vh;
  width: 100vw;
  display: block;
  position: relative;
  cursor: pointer;
}

.final__meal {
  position: absolute;
  margin-top: -2.5vh;
  height: 35vh;
  /* animation: finalmeal 10s infinite linear; */
  animation: spin 14s infinite linear;
  left: 100vw;
  transition: all 0.4s ease-out;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

#final__meal2 {
  transition-delay: 0.05s
}

#final__meal3 {
  transition-delay: 0.1s
}

#final__meal4 {
  transition-delay: 0.15s
}

#final__meal5 {
  transition-delay: 0.2s
}

#final__meal6 {
  transition-delay: 0.25s
}

.call__to__action__div:hover >  #final__meal1 {
  left: 0vh;
}

.call__to__action__div:hover >  #final__meal2 {
  left: 35vh;
}

.call__to__action__div:hover >  #final__meal3 {
  left: 70vh;
}

.call__to__action__div:hover >  #final__meal4 {
  left: 105vh;
}

.call__to__action__div:hover >  #final__meal5 {
  left: 140vh;
}

.call__to__action__div:hover >  #final__meal6 {
  left: 175vh;
}

/* @keyframes finalmeal {
  99%{
    transform: translateX(-100vw);
  }
  100%{
    transform: translateX(0);
  }
} */

.call__to__action__div:hover .call__to__action {
  height: 15vh;
  width: 64vw;
  line-height: 15vh;
  top: 7.5vh;
  left: 18vw;
  background-color: var(--main-purple);
}

.call__to__action {
  position: absolute;
  text-decoration: none;
  background-color: var(--main-black);
  height: 30vh;
  width: 86vw;
  display: inline-block;
  text-align: center;
  line-height: 30vh;
  border-radius: 900px;
  font-family: 'Inter', sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--main-white);
  font-feature-settings: "calt" 1;
  transition: all 0.25s ease-out;
  top: 0;
  left: 7vw;
}

/* line 459, app/assets/stylesheets/landing.scss */
.section__nine {
  padding-bottom: 8vw;
  background: var(--main-black);
}

/* line 463, app/assets/stylesheets/landing.scss */
.section__nine .section__nine__img {
  width: 86vw;
  margin: 7%;
}

/* line 468, app/assets/stylesheets/landing.scss */
.section__nine p {
  width: 60vw;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.02em;
  margin-left: 7%;
  margin-bottom: 10%;
  color: var(--main-white);
}

/* line 482, app/assets/stylesheets/landing.scss */
.section__nine .section__nine__a {
  width: 70vw;
  display: flex;
  flex-direction: column;
  margin: 7% 0 0 7%;
}

/* line 491, app/assets/stylesheets/landing.scss */
.section__nine .section__nine__a a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: -0.02em;
  text-decoration: none;
  padding: 10px 0;
  padding-right: 10px;
  margin: 0;
  background: none;
  color: #F8F5E8;
}

@media (max-width: 768px) {
  .section__one p {
    font-size: 18px;
    line-height: 140%;
    width: max-content !important;
    padding-top: 40px;
  }

  .section__one .logo-bw {
    left: 50vw;
    transform: translateX(-50%) scale(0.8);
    padding: 5%;
  }

  .section__one .section__one__img {
    transform: translateY(0);
  }

  .section__one .section__one__div {
    transform: rotate(90deg);
    bottom: -25vh;
    top: auto;
  }

  .section__one .section__one__div > div {
    width: 22vw !important;
    height: 22vw !important;
    margin: 5px;
  }

  .section__one__group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    left: 0;
    align-items: center;
    padding-top: 0;
    height: 65vh;
  }

  .section__one__plate {
  top: auto;
  right: 50vw;
  transform: translateX(50%);
  bottom: -5vh;
  height: 50vh;

  }

  /* line 536, app/assets/stylesheets/landing.scss */
  .section__one a {
    font-size: 18px;
    padding: 2.5vh 7vw;
}

  .final__meal {
    display: none;
  }

}

@media (min-width: 768px) {
  /* line 515, app/assets/stylesheets/landing.scss */
  .section__one .section__one__div {
    /* width: 100vw; */
  }
  /* line 517, app/assets/stylesheets/landing.scss */
  .section__one .section__one__div > div {
    width: 24vw;
    height: 24vw;
    margin: 5px;
  }
  /* line 524, app/assets/stylesheets/landing.scss */
  .section__one .section__one__img {
    width: 60vw;
  }
  /* line 528, app/assets/stylesheets/landing.scss */
  .section__one p {
    font-size: 18px;
    line-height: 140%;
    width: 60vw;
    top: 57%;
  }
  /* line 536, app/assets/stylesheets/landing.scss */
  .section__one a {
    font-size: 18px;
    padding: 3vh 10vw;
  }
  /* line 543, app/assets/stylesheets/landing.scss */
  .section__two h2 {
    font-size: 54px;
  }
  /* line 549, app/assets/stylesheets/landing.scss */
  .section__three h1 {
    font-size: 108px;
    line-height: 91%;
  }
  /* line 555, app/assets/stylesheets/landing.scss */
  .section__four {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-flow: wrap;
  }
  /* line 562, app/assets/stylesheets/landing.scss */
  .section__four > div {
    height: 50vh;
    width: 50vw;
  }
  /* line 567, app/assets/stylesheets/landing.scss */
  .section__four > .section__four__one > h2,
.section__four .section__four__two > h2,
.section__four .section__four__three > h2,
.section__four .section__four__four > h2 {
    font-size: 40px;
    line-height: 115%;
  }
  /* line 577, app/assets/stylesheets/landing.scss */
  .section__five .section__five__div {
    transform: translateX(0px);
  }
  /* line 579, app/assets/stylesheets/landing.scss */
  .section__five .section__five__div .section__five__div__img {
    width: 100vw;
  }
  /* line 584, app/assets/stylesheets/landing.scss */
  .section__five h2 {
    padding-bottom: 460px;
  }
  /* line 590, app/assets/stylesheets/landing.scss */
  .section__six h1 {
    font-size: 80px;
    line-height: 91%;
  }
  /* line 594, app/assets/stylesheets/landing.scss */
  .section__six p {
    font-size: 18px;
    width: 70vw;
    line-height: 135%;
  }
  /* line 599, app/assets/stylesheets/landing.scss */
  .section__six .section__six__img {
    width: 120%;
    bottom: -480px;
    transform: translateX(-7%);
  }
  /* line 607, app/assets/stylesheets/landing.scss */
  .section__seven h1 {
    font-size: 100px;
    line-height: 91%;
  }
  /* line 611, app/assets/stylesheets/landing.scss */
  .section__seven p {
    font-size: 18px;
    width: 70vw;
    line-height: 135%;
  }
  /* line 616, app/assets/stylesheets/landing.scss */
  .section__seven .section__seven__img {
    width: 85%;
    transform: translateX(10.5%);
    bottom: -19%;
  }
  /* line 621, app/assets/stylesheets/landing.scss */
  .section__seven a {
    font-size: 18px;
    padding: 20px 40px;
  }

  /* line 635, app/assets/stylesheets/landing.scss */
  .section__nine {
    padding-bottom: 0;
  }
  /* line 637, app/assets/stylesheets/landing.scss */
  .section__nine .section__nine__img {
    width: 93vw;
    margin: 3%;
  }
  /* line 641, app/assets/stylesheets/landing.scss */
  .section__nine p {
    font-size: 18px;
    margin-left: 3%;
    margin-bottom: 4%;
  }
  /* line 646, app/assets/stylesheets/landing.scss */
  .section__nine .section__nine__a {
    flex-flow: wrap;
    margin: 2% 0 0 3%;
    width: 90vw;
  }
  /* line 651, app/assets/stylesheets/landing.scss */
  .section__nine .section__nine__a a {
    padding-right: 50px;
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  /* line 661, app/assets/stylesheets/landing.scss */
  ::-webkit-scrollbar {
    width: 12px;
    border-left: 1px solid var(--main-black);
  }
  /* Track */
  /* line 666, app/assets/stylesheets/landing.scss */
  ::-webkit-scrollbar-track {
    background: var(--main-black);
  }
  /* Handle */
  /* line 671, app/assets/stylesheets/landing.scss */
  ::-webkit-scrollbar-thumb {
    background: var(--main-yellow);
    border-radius: 20px;
  }
  /* Handle on hover */
  /* line 676, app/assets/stylesheets/landing.scss */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--main-green);
  }
  /* line 682, app/assets/stylesheets/landing.scss */
  .section__one .logo-bw {
    padding: 6% 5% 5% 7%;
  }
  /* line 686, app/assets/stylesheets/landing.scss */
  .section__one .section__one__div {
    width: calc(36vw + 30px);
    /* transform: translate(17%); */
  }
  /* line 688, app/assets/stylesheets/landing.scss */
  .section__one .section__one__div > div {
    width: 10.5vw;
    height: 10.5vw;
  }

  /* line 694, app/assets/stylesheets/landing.scss */
  .section__one .section__one__img {
    display: none;
  }
  /* line 698, app/assets/stylesheets/landing.scss */
  .section__one .section__one__img__2 {
    display: inline-block;
    /* position: absolute; */
    z-index: 10;
    /* top: 35%; */
    /* left: 7vw; */
    /* transform: translateY(-50%); */
  }
  /* line 707, app/assets/stylesheets/landing.scss */
  .section__one p {
    font-size: 22px;
    width: 70vw;
  }
  /* line 712, app/assets/stylesheets/landing.scss */
  .section__one a {
    font-size: 21px;
    padding: 3vh 6vw;
  }
  /* line 719, app/assets/stylesheets/landing.scss */
  .section__two h2 {
    font-size: 64px;
    line-height: 79px;
    letter-spacing: -0.03em;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
  }
  /* line 730, app/assets/stylesheets/landing.scss */
  .section__three h1 {
    font-size: 108px;
    line-height: 91%;
  }
  /* line 736, app/assets/stylesheets/landing.scss */
  .section__four {
    height: 100vh;
  }
  /* line 739, app/assets/stylesheets/landing.scss */
  .section__four .section__four__one,
.section__four .section__four__two,
.section__four .section__four__three,
.section__four .section__four__four {
    height: 50vh;
  }
  /* line 746, app/assets/stylesheets/landing.scss */
  .section__four > .section__four__one > h2,
.section__four .section__four__two > h2,
.section__four .section__four__three > h2,
.section__four .section__four__four > h2 {
    font-size: 64px;
    line-height: 115%;
  }
  /* line 756, app/assets/stylesheets/landing.scss */
  .section__five h2 {
    padding-bottom: 350px;
    font-size: 64px;
    line-height: 124%;
    padding-left: 12%;
    padding-right: 12%;
  }
  /* line 764, app/assets/stylesheets/landing.scss */
  .section__five .section__five__div {
    width: 100vw;
    height: 100vh;
    top: 0;
  }
  /* line 772, app/assets/stylesheets/landing.scss */
  .section__six h1 {
    width: 80vw;
    font-size: 100px;
    line-height: 91%;
  }
  /* line 778, app/assets/stylesheets/landing.scss */
  .section__six .section__six__img {
    width: 62vw;
    bottom: 0;
    top: 0;
    right: -25vw;
    transform: translateY(1%);
    margin: auto;
  }
  /* line 786, app/assets/stylesheets/landing.scss */
  .section__six p {
    font-size: 22px;
  }
  /* line 792, app/assets/stylesheets/landing.scss */
  .section__seven h1 {
    width: 60vw;
  }
  /* line 796, app/assets/stylesheets/landing.scss */
  .section__seven p {
    font-size: 22px;
  }
  /* line 800, app/assets/stylesheets/landing.scss */
  .section__seven .section__seven__img {
    width: 65%;
    transform: translateY(50%);
    bottom: 50%;
    right: -34vw;
    left: auto;
  }
  /* line 808, app/assets/stylesheets/landing.scss */
  .section__seven a {
    font-size: 22px;
  }
  /* line 813, app/assets/stylesheets/landing.scss */
  .section__eight {
    height: 100vh;
  }
  /* line 815, app/assets/stylesheets/landing.scss */
  .section__eight h2 {
    font-size: 64px;
    line-height: 124%;
    letter-spacing: -0.03em;
  }

  /* line 828, app/assets/stylesheets/landing.scss */
  .section__nine p {
    width: 50vw;
    font-size: 22px;
  }
  /* line 832, app/assets/stylesheets/landing.scss */
  .section__nine .section__nine__a {
    font-size: 22px;
  }
  /* line 839, app/assets/stylesheets/landing.scss */
  .section__nine .section__nine__a > a {
    font-size: 22px;
  }
}

@media (min-width: 1440px) {
  /* line 848, app/assets/stylesheets/landing.scss */
  .section__one a {
    /* bottom: 24vh; */
    padding: 3vh 5vw;
  }
  /* line 853, app/assets/stylesheets/landing.scss */
  .section__one .section__one__img__2 {
    top: 39%;
  }
  /* line 858, app/assets/stylesheets/landing.scss */
  .section__four {
    height: 100vh;
    width: 100vw;
  }
  /* line 861, app/assets/stylesheets/landing.scss */
  .section__four .section__four__one,
.section__four .section__four__two,
.section__four .section__four__three,
.section__four .section__four__four {
    height: 50vh;
  }
  /* line 868, app/assets/stylesheets/landing.scss */
  .section__four > .section__four__one > h2,
.section__four .section__four__two > h2,
.section__four .section__four__three > h2,
.section__four .section__four__four > h2 {
    padding: 3%;
  }
  /* line 877, app/assets/stylesheets/landing.scss */
  .section__five h2 {
    padding-bottom: 390px;
  }
  /* line 883, app/assets/stylesheets/landing.scss */
  .section__six h1 {
    font-size: 108px;
    padding: 7% 0 3% 7%;
  }
  /* line 888, app/assets/stylesheets/landing.scss */
  .section__six p {
    width: 53vw;
  }
  /* line 892, app/assets/stylesheets/landing.scss */
  .section__six .section__six__img {
    /* transform: translateY(6.5%); */
  }

  h1 {
    font-size: 100px !important;
  }

  /* line 898, app/assets/stylesheets/landing.scss */
  .section__seven h1 {
    font-size: 143px;
    padding: 7% 0 3% 7%;
  }
  /* line 903, app/assets/stylesheets/landing.scss */
  .section__seven p {
    width: 60vw;
  }
}
@font-face {
  font-family: "GlyphWorld-Meadow";
  src: url("GlyphWorld-Meadow.ttf") format("truetype");
}

@font-face {
  font-family: "GlyphWorld-Mountain";
  src: url("http://localhost:3000/assets/GlyphWorld-Mountain.ttf") format("truetype");
}

@font-face {
  font-family: "Base&Bloom";
  src: url("Base&Bloom-Base&Bloom-Trial.ttf") format("truetype");
}

/* line 20, app/assets/stylesheets/partners.scss */
body {
  background: var(--main-purple);
  overflow-x: hidden;
}

/* line 25, app/assets/stylesheets/partners.scss */
.top_menu {
  display: none !important;
}

/* line 30, app/assets/stylesheets/partners.scss */
.partners__header {
  height: 80vh;
  background: var(--main-green);
}

/* line 34, app/assets/stylesheets/partners.scss */
.partners__header .logo_bw {
  padding: 7%;
}

/* line 38, app/assets/stylesheets/partners.scss */
.partners__header .logo_bw_a {
  width: 150px;
  height: 30px;
  padding: 7%;
  margin: 2%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}

/* line 51, app/assets/stylesheets/partners.scss */
.partners__header h1 {
  font-family: "Inter";
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
  line-height: 54px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
}

/* line 61, app/assets/stylesheets/partners.scss */
.partners__header h1 span {
  background: none;
  color: var(--main-yellow);
}

/* line 68, app/assets/stylesheets/partners.scss */
.partners__header p {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: left;
  width: 70vw;
  padding: 5% 7%;
}

/* line 81, app/assets/stylesheets/partners.scss */
.partners__header a {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  text-decoration: none;
  margin: 0% 7%;
  padding: 20px 30px;
  border-radius: 300px;
  position: absolute;
  top: 62vh;
  background: var(--main-black);
  color: var(--main-white);
}

/* line 103, app/assets/stylesheets/partners.scss */
.partners__advantages {
  background: var(--main-yellow);
}

/* line 106, app/assets/stylesheets/partners.scss */
.partners__advantages .partners__advantages__section {
  background: var(--main-white);
}

/* line 110, app/assets/stylesheets/partners.scss */
.partners__advantages h1 {
  font-family: "Inter";
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
  line-height: 91%;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 12% 7% 0 7%;
}

/* line 121, app/assets/stylesheets/partners.scss */
.partners__advantages h3 {
  font-family: "Inter";
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
  line-height: 54px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
}

/* line 132, app/assets/stylesheets/partners.scss */
.partners__advantages p {
  font-family: "Inter";
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 0 7% 24% 7%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

/* line 147, app/assets/stylesheets/partners.scss */
.partners__advantages p span {
  color: var(--main-purple);
}

/* line 153, app/assets/stylesheets/partners.scss */
.partners__advantages .partners__advantages__div h2 {
  font-family: "Inter";
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 0 7%;
  margin: 12% 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

/* line 169, app/assets/stylesheets/partners.scss */
.partners__advantages .partners__advantages__div h2 span {
  color: var(--main-purple);
}

/* line 174, app/assets/stylesheets/partners.scss */
.partners__advantages .partners__advantages__div h2:last-child {
  padding-bottom: 24%;
}

/* line 180, app/assets/stylesheets/partners.scss */
.partners__form {
  background: var(--main-purple);
}

/* line 183, app/assets/stylesheets/partners.scss */
.partners__form h1 {
  font-family: "Inter";
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
  line-height: 91%;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 7%;
  padding-top: 14%;
}

/* line 195, app/assets/stylesheets/partners.scss */
.partners__form p {
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-align: left;
  width: 85vw;
  padding: 0 7%;
}

@media (min-width: 768px) {
  /* line 210, app/assets/stylesheets/partners.scss */
  .partners__header {
    height: 90vh;
  }
  /* line 212, app/assets/stylesheets/partners.scss */
  .partners__header h1 {
    font-family: "Inter";
    font-size: 108px;
    font-style: normal;
    font-weight: 500;
    line-height: 98px;
    letter-spacing: -0.055em;
    text-align: left;
    position: absolute;
    top: 6%;
  }
  /* line 226, app/assets/stylesheets/partners.scss */
  .partners__header p {
    width: 60vw;
    position: absolute;
    top: 60%;
    font-size: 18px;
  }
  /* line 233, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw_a {
    z-index: 10;
  }
  /* line 237, app/assets/stylesheets/partners.scss */
  .partners__header a {
    position: absolute;
    top: 72vh;
    left: 0;
    font-size: 18px;
  }
  /* line 247, app/assets/stylesheets/partners.scss */
  .partners__advantages h1 {
    font-size: 108px;
    line-height: 98px;
    padding: 12% 7% 3% 7%;
  }
  /* line 255, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2 {
    margin: 6% 0;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
  }
  /* line 262, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2:last-child {
    padding-bottom: 14%;
  }
  /* line 267, app/assets/stylesheets/partners.scss */
  .partners__advantages h3 {
    font-size: 108px;
    line-height: 98px;
  }
  /* line 272, app/assets/stylesheets/partners.scss */
  .partners__advantages p {
    padding: 0 7% 14% 7%;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
  }
  /* line 281, app/assets/stylesheets/partners.scss */
  .partners__form h1 {
    font-family: "Inter";
    font-size: 108px;
    font-style: normal;
    font-weight: 500;
    line-height: 98px;
    letter-spacing: -0.055em;
    text-align: left;
    padding: 12% 5% 7% 7%;
  }
  /* line 292, app/assets/stylesheets/partners.scss */
  .partners__form p {
    width: auto;
    font-size: 44px;
    line-height: 48px;
  }
}

@media (min-width: 1024px) {
  /* line 301, app/assets/stylesheets/partners.scss */
  .partners__header {
    height: 100vh;
  }
  /* line 304, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw {
    padding: 4% 7%;
  }
  /* line 308, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw_a {
    margin: 3%;
    height: 72px;
    padding: 3%;
  }
  /* line 314, app/assets/stylesheets/partners.scss */
  .partners__header h1 {
    width: 94vw;
    font-size: 5.3em;
    line-height: 91%;
    top: 6%;
  }
  /* line 322, app/assets/stylesheets/partners.scss */
  .partners__header p {
    font-size: 22px;
    top: 50%;
  }
  /* line 327, app/assets/stylesheets/partners.scss */
  .partners__header a {
    font-size: 22px;
    padding: 30px 40px;
    top: 73vh;
  }
  /* line 334, app/assets/stylesheets/partners.scss */
  .partners__advantages {
    position: relative;
  }
  /* line 337, app/assets/stylesheets/partners.scss */
  .partners__advantages h1 {
    position: sticky;
    top: 0;
    font-size: 22px;
    padding: 7% 0% 22% 7%;
    width: 50vw;
  }
  /* line 347, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div {
    margin-top: -31%;
  }
  /* line 350, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2 {
    margin: 3% 0;
    margin-left: 40vw;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
  }
  /* line 359, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2:last-child {
    padding-bottom: 12%;
  }
}

@media (min-width: 1280px) {
  /* line 368, app/assets/stylesheets/partners.scss */
  .partners__header {
    height: 110vh;
  }
  /* line 371, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw_a {
    margin: 2%;
    height: 32px;
    padding: 3%;
  }
  /* line 377, app/assets/stylesheets/partners.scss */
  .partners__header h1 {
    font-size: 120px;
  }
  /* line 381, app/assets/stylesheets/partners.scss */
  .partners__header p {
    top: 60%;
  }
  /* line 385, app/assets/stylesheets/partners.scss */
  .partners__header a {
    top: 80vh;
  }
  /* line 392, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div {
    margin-top: -33%;
  }
  /* line 395, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2:last-child {
    padding-bottom: 5%;
  }
  /* line 399, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__section {
    padding-bottom: 6%;
  }
  /* line 402, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__section h1 {
    padding: 7% 0% 26% 7%;
  }
  /* line 407, app/assets/stylesheets/partners.scss */
  .partners__advantages h3 {
    padding: 9% 7% 4.5% 7%;
  }
  /* line 411, app/assets/stylesheets/partners.scss */
  .partners__advantages p {
    width: 80vw;
    padding-bottom: 14%;
  }
  /* line 418, app/assets/stylesheets/partners.scss */
  .partners__form h1 {
    padding: 9% 7% 4.5% 7%;
  }
}

@media (min-width: 1440px) {
  /* line 431, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw {
    padding: 2% 7%;
  }
  /* line 435, app/assets/stylesheets/partners.scss */
  .partners__header .logo_bw_a {
    margin: 2%;
    height: 28px;
    padding: 1.5%;
  }
  /* line 441, app/assets/stylesheets/partners.scss */
  .partners__header h1 {
    font-size: 140px;
    top: -2%;
  }
  /* line 446, app/assets/stylesheets/partners.scss */
  .partners__header p {
    top: 63vh;
  }
  /* line 452, app/assets/stylesheets/partners.scss */
  .partners__form h1 {
    font-size: 143px;
    line-height: 91%;
    padding: 9% 7% 4.5% 7%;
  }
  /* line 459, app/assets/stylesheets/partners.scss */
  .partners__form p {
    width: 90vw;
    font-size: 52px;
    line-height: 124%;
  }
  /* line 468, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__section {
    padding-bottom: 0;
  }
  /* line 472, app/assets/stylesheets/partners.scss */
  .partners__advantages h3 {
    width: 80vw;
    padding: 9% 7% 4.5% 7%;
  }
  /* line 477, app/assets/stylesheets/partners.scss */
  .partners__advantages p {
    width: 90vw;
    font-size: 52px;
    line-height: 124%;
  }
  /* line 484, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div > h2 {
    font-size: 52px;
    line-height: 124%;
  }
  /* line 489, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div h2:last-child {
    padding-bottom: 14%;
  }
}

@media (min-width: 1600px) {
  /* line 499, app/assets/stylesheets/partners.scss */
  .partners__header p {
    top: 51vh;
  }
  /* line 502, app/assets/stylesheets/partners.scss */
  .partners__header a {
    top: 71vh;
  }
  /* line 508, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__div {
    margin-top: -27%;
  }
  /* line 512, app/assets/stylesheets/partners.scss */
  .partners__advantages .partners__advantages__section h1 {
    padding: 7% 0% 21% 7%;
  }
}
/* line 5, app/assets/stylesheets/posts.scss */

/* line 10, app/assets/stylesheets/posts.scss */
.test {
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  text-align: left;
  margin: 7vw 0vw 0 20vw;
  color: var(--main-black);
}

/* line 24, app/assets/stylesheets/posts.scss */
.btn_new-post {
  font-family: "Inter";
  padding: 20px 30px;
  margin: 7vw 5vw 0 0vw;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  border-radius: 300px;
  color: var(--main-black);
  background: gainsboro;
}

/* line 41, app/assets/stylesheets/posts.scss */
.btn__back {
  margin: 5vh;
}

/* line 45, app/assets/stylesheets/posts.scss */
.show__post__btn__back {
  font-family: "Inter";
  font-size: 14px;
  position: absolute;
  top: 7vw;
  left: 30vw;
  text-decoration: none;
  padding-top: 20px;
  color: #646464;
}

/* line 59, app/assets/stylesheets/posts.scss */
.edit__post__btn__back {
  font-family: "Inter";
  padding: 20px 30px;
  margin: 7vw 5vw 0 0vw;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  border-radius: 300px;
  color: var(--main-black);
  background: gainsboro;
}

/* line 83, app/assets/stylesheets/posts.scss */
.show__name {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  line-height: 140%;
  font-size: 20px;
  opacity: 0.6;
  margin-top: 15vh;
}

/* line 92, app/assets/stylesheets/posts.scss */
.show__name__pre {
  display: none;
}

/* line 96, app/assets/stylesheets/posts.scss */
.show__title {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  font-size: 40px;
  font-weight: bold;
  font-weight: 500;
  margin-top: 5px;
}

/* line 104, app/assets/stylesheets/posts.scss */
.show__title__pre {
  display: none;
}

/* line 108, app/assets/stylesheets/posts.scss */
.show__img {
  margin-left: 30vw;
}

/* line 112, app/assets/stylesheets/posts.scss */
.show__time {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  font-weight: 500;
  font-size: 20px;
  margin-top: 5px;
}

/* line 123, app/assets/stylesheets/posts.scss */
.show__category {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  font-weight: 500;
  font-size: 20px;
  margin-top: 24px;
  line-height: 1.5;
}

/* line 131, app/assets/stylesheets/posts.scss */
.show__ingredients {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  font-weight: 500;
  font-size: 20px;
  margin-top: 24px;
  line-height: 1.5;
}

/* line 139, app/assets/stylesheets/posts.scss */
.show__ingredients_pre {
  display: none;
}

/* line 143, app/assets/stylesheets/posts.scss */
.show__content {
  font-family: "Inter";
  margin-left: 30vw;
  width: 50vw;
  color: var(--main-black);
  font-weight: 500;
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 120px;
  line-height: 1.25;
}

/* line 152, app/assets/stylesheets/posts.scss */
.show__content__pre {
  display: none;
}

/* line 157, app/assets/stylesheets/posts.scss */
.posts__main {
  font-family: "Inter";
  margin-left: 20vw;
}

/* line 161, app/assets/stylesheets/posts.scss */
.posts__main thead {
  font-weight: 500;
  font-size: 18px;
}

/* line 165, app/assets/stylesheets/posts.scss */
.posts__main thead tr {
  padding: 30px;
}

/* line 168, app/assets/stylesheets/posts.scss */
.posts__main thead tr th {
  padding-right: 90px;
  text-align: left;
}

/* line 175, app/assets/stylesheets/posts.scss */
.posts__main tbody {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}

/* line 179, app/assets/stylesheets/posts.scss */
.posts__main tbody tr {
  vertical-align: baseline;
}

/* line 182, app/assets/stylesheets/posts.scss */
.posts__main tbody tr td {
  vertical-align: middle;
  padding-right: 30px;
}

/* line 186, app/assets/stylesheets/posts.scss */
.posts__main tbody tr td a {
  text-decoration: none;
  color: var(--main-black);
}

/* line 191, app/assets/stylesheets/posts.scss */
.posts__main tbody tr td a:hover {
  color: #414141;
}

/* line 199, app/assets/stylesheets/posts.scss */
.show__like__count {
  display: flex;
}

/* line 202, app/assets/stylesheets/posts.scss */
.show__like__count .show__like__count__tasty {
  font-family: "Inter";
  font-size: 18px;
  margin-left: 30vw;
}

/* line 208, app/assets/stylesheets/posts.scss */
.show__like__count .show__like__count__tasty input {
  font-family: "Inter";
  font-size: 18px;
  width: 120px;
  height: 44px;
  border: 0;
  border-radius: 300px;
  margin-top: 16px;
  background: lightgray;
}

/* line 223, app/assets/stylesheets/posts.scss */
.show__like__count .show__like__count__tasty .show__like__count__btn {
  font-family: "Inter";
  font-size: 18px;
  width: 120px;
  height: 44px;
  border: 0;
  border-radius: 300px;
  margin-top: 16px;
  background: lightgray;
}

/* line 240, app/assets/stylesheets/posts.scss */
.show__like__count .show__like__count__yummy {
  font-family: "Inter";
  font-size: 18px;
  margin-left: 30px;
}

/* line 246, app/assets/stylesheets/posts.scss */
.show__like__count .show__like__count__yummy .show__like__count__yummy__btn {
  font-family: "Inter";
  font-size: 18px;
  width: 120px;
  height: 44px;
  border: 0;
  border-radius: 300px;
  margin-top: 16px;
  background: lightgray;
}
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

html {

	height: 100%;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}
/* line 1, app/assets/stylesheets/styleguide.scss */
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 8, app/assets/stylesheets/styleguide.scss */
:root {
  --main-black: #272727;
  --main-white: #F8F5E8;
  --main-green: #4AB15E;
  --main-red: #FF6242;
  --main-yellow: #FECE30;
  --main-purple: #9897DE;
}

/* line 17, app/assets/stylesheets/styleguide.scss */
body {
  background: var(--main-purple);
  overflow-x: hidden;
  font-family: "Inter";
  color: var(--main-black);
}

/* line 151, app/assets/stylesheets/styleguide.scss */
.conception {
  background: var(--main-black);
  padding-bottom: 8vh;
}

/* line 158, app/assets/stylesheets/styleguide.scss */
.conception .conception__div h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
  color: var(--main-white);
}

@media (min-width: 768px) {
  /* line 158, app/assets/stylesheets/styleguide.scss */
  .conception .conception__div h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 158, app/assets/stylesheets/styleguide.scss */
  .conception .conception__div h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 163, app/assets/stylesheets/styleguide.scss */
.conception .conception__div p {
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  width: 95vw;
  color: var(--main-white);
  padding-left: 5vw;
  margin-top: 1.5vh;
}

/* line 179, app/assets/stylesheets/styleguide.scss */
.logo {
  background: var(--main-white);
  padding-bottom: 8vh;
}

/* line 183, app/assets/stylesheets/styleguide.scss */
.logo .logo__one h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
}

@media (min-width: 768px) {
  /* line 183, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 183, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 187, app/assets/stylesheets/styleguide.scss */
.logo .logo__one p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 187, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 187, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 192, app/assets/stylesheets/styleguide.scss */
.logo .logo__one h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
  margin-top: 8vh;
}

@media (min-width: 768px) {
  /* line 192, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 192, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 197, app/assets/stylesheets/styleguide.scss */
.logo .logo__one .essen__logo__big-small,
.logo .logo__one .essen__logo__black__v1,
.logo .logo__one .essen__logo__black__v2__v3 {
  display: block;
  margin-top: 1.5vh;
  margin-left: auto;
  margin-right: auto;
}

/* line 209, app/assets/stylesheets/styleguide.scss */
.logo .logo__two p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 4vh;
}

@media (min-width: 768px) {
  /* line 209, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 209, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 214, app/assets/stylesheets/styleguide.scss */
.logo .logo__two .essen__logo__tile__div {
  width: 100vw;
  margin-top: 8vh;
  display: flex;
  flex-wrap: wrap;
}

/* line 221, app/assets/stylesheets/styleguide.scss */
.logo .logo__two .essen__logo__tile {
  width: 50vw;
  margin: -1px;
}

/* line 228, app/assets/stylesheets/styleguide.scss */
.logo .logo__three h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
  margin-top: 8vh;
}

@media (min-width: 768px) {
  /* line 228, app/assets/stylesheets/styleguide.scss */
  .logo .logo__three h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 228, app/assets/stylesheets/styleguide.scss */
  .logo .logo__three h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 233, app/assets/stylesheets/styleguide.scss */
.logo .logo__three .essen__logo__blueprint {
  display: block;
  margin-top: 1.5vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 242, app/assets/stylesheets/styleguide.scss */
.logo .logo__three p {
  margin-top: 1.5vh;
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  line-height: 22px;
}

@media (min-width: 768px) {
  /* line 242, app/assets/stylesheets/styleguide.scss */
  .logo .logo__three p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 242, app/assets/stylesheets/styleguide.scss */
  .logo .logo__three p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 249, app/assets/stylesheets/styleguide.scss */
.logo .logo__four {
  margin-top: 4vh;
  display: flex;
  flex-wrap: wrap;
}

/* line 255, app/assets/stylesheets/styleguide.scss */
.logo .essen__logo__wrong {
  width: 50vw;
  padding: 8vw;
}

/* line 262, app/assets/stylesheets/styleguide.scss */
.colors {
  background: var(--main-black);
  color: var(--main-white);
  padding: 0;
}

/* line 267, app/assets/stylesheets/styleguide.scss */
.colors .colors__one
h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
}

@media (min-width: 768px) {
  /* line 267, app/assets/stylesheets/styleguide.scss */
  .colors .colors__one
h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 267, app/assets/stylesheets/styleguide.scss */
  .colors .colors__one
h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 272, app/assets/stylesheets/styleguide.scss */
.colors p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 4vh;
}

@media (min-width: 768px) {
  /* line 272, app/assets/stylesheets/styleguide.scss */
  .colors p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 272, app/assets/stylesheets/styleguide.scss */
  .colors p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 277, app/assets/stylesheets/styleguide.scss */
.colors .colors__two {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4vh;
  width: 100vw;
}

/* line 285, app/assets/stylesheets/styleguide.scss */
.colors .colors__two div {
  width: 50vw;
  height: 20vh;
}

/* line 289, app/assets/stylesheets/styleguide.scss */
.colors .colors__two div h1 {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 3vw;
  padding-left: 3vw;
}

/* line 297, app/assets/stylesheets/styleguide.scss */
.colors .colors__two div p {
  font-size: 12px;
  margin-top: 10px;
  padding-left: 3vw;
}

/* line 305, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__one {
  background-color: var(--main-white);
  color: var(--main-black);
}

/* line 309, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__two {
  background-color: var(--main-black);
  border-top: 1px solid var(--main-white);
}

/* line 313, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__three {
  background-color: var(--main-purple);
}

/* line 316, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__four {
  background-color: var(--main-yellow);
  color: var(--main-black);
}

/* line 320, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__five {
  background-color: var(--main-red);
}

/* line 323, app/assets/stylesheets/styleguide.scss */
.colors .colors__two .color__tile__six {
  background-color: var(--main-green);
  color: var(--main-black);
}

/* line 330, app/assets/stylesheets/styleguide.scss */
.colors .colors__three h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
  margin-top: 8vh;
}

@media (min-width: 768px) {
  /* line 330, app/assets/stylesheets/styleguide.scss */
  .colors .colors__three h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 330, app/assets/stylesheets/styleguide.scss */
  .colors .colors__three h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 335, app/assets/stylesheets/styleguide.scss */
.colors .colors__three p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 335, app/assets/stylesheets/styleguide.scss */
  .colors .colors__three p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 335, app/assets/stylesheets/styleguide.scss */
  .colors .colors__three p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 341, app/assets/stylesheets/styleguide.scss */
.colors .colors__four {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100vw;
  margin-top: 4vh;
}

/* line 350, app/assets/stylesheets/styleguide.scss */
.colors .colors__four div {
  width: 33.3vw;
  height: 18vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 358, app/assets/stylesheets/styleguide.scss */
.colors .colors__four .essen__logo__wrong {
  width: 20vw;
}

/* line 363, app/assets/stylesheets/styleguide.scss */
.colors .colors__four .wrong__tile__orange {
  background-color: var(--main-red);
}

/* line 366, app/assets/stylesheets/styleguide.scss */
.colors .colors__four .wrong__tile__green {
  background-color: var(--main-green);
}

/* line 369, app/assets/stylesheets/styleguide.scss */
.colors .colors__four .wrong__tile__purpule {
  background-color: var(--main-purple);
}

/* line 373, app/assets/stylesheets/styleguide.scss */
.colors .colors__four .cross {
  position: absolute;
  width: 100vw;
}

/* line 382, app/assets/stylesheets/styleguide.scss */
.composition {
  background: var(--main-red);
  color: var(--main-white);
  padding-bottom: 16vw;
}

/* line 388, app/assets/stylesheets/styleguide.scss */
.composition h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
}

@media (min-width: 768px) {
  /* line 388, app/assets/stylesheets/styleguide.scss */
  .composition h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 388, app/assets/stylesheets/styleguide.scss */
  .composition h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 392, app/assets/stylesheets/styleguide.scss */
.composition h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
  margin-top: 8vh;
}

@media (min-width: 768px) {
  /* line 392, app/assets/stylesheets/styleguide.scss */
  .composition h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 392, app/assets/stylesheets/styleguide.scss */
  .composition h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 399, app/assets/stylesheets/styleguide.scss */
.composition .composition__one p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 399, app/assets/stylesheets/styleguide.scss */
  .composition .composition__one p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 399, app/assets/stylesheets/styleguide.scss */
  .composition .composition__one p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 403, app/assets/stylesheets/styleguide.scss */
.composition .composition__one p span {
  color: var(--main-black);
  background: none;
}

/* line 409, app/assets/stylesheets/styleguide.scss */
.composition .composition__one .essen__grid__blueprint {
  display: block;
  margin-top: 8vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 417, app/assets/stylesheets/styleguide.scss */
.composition .composition__one .description {
  margin-top: 0px;
}

/* line 424, app/assets/stylesheets/styleguide.scss */
.composition .composition__two p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 424, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 424, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 433, app/assets/stylesheets/styleguide.scss */
.composition .composition__two .outdoor__ad {
  display: block;
  margin-top: 4vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 441, app/assets/stylesheets/styleguide.scss */
.composition .composition__two #outdoor__ad__three {
  margin-top: 8vh;
}

/* line 448, app/assets/stylesheets/styleguide.scss */
.composition .composition__three p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 15px;
}

@media (min-width: 768px) {
  /* line 448, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 448, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 453, app/assets/stylesheets/styleguide.scss */
.composition .composition__three .outdoor__ad__box {
  margin-top: 8vh;
}

/* line 457, app/assets/stylesheets/styleguide.scss */
.composition .composition__three .socialnetwork__ad {
  display: block;
  margin-top: 1.5vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 467, app/assets/stylesheets/styleguide.scss */
.fonts {
  background: var(--main-yellow);
}

/* line 470, app/assets/stylesheets/styleguide.scss */
.fonts h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
}

@media (min-width: 768px) {
  /* line 470, app/assets/stylesheets/styleguide.scss */
  .fonts h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 470, app/assets/stylesheets/styleguide.scss */
  .fonts h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 475, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__one h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
  margin-top: 4vh;
}

@media (min-width: 768px) {
  /* line 475, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__one h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 475, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__one h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 479, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__one p {
  margin-top: 1.5vh;
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 479, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__one p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 479, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__one p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 486, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__three h1 {
  font-family: "Base&Bloom";
  letter-spacing: 0;
}

/* line 490, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__three p {
  font-family: "Base&Bloom";
}

/* line 495, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__four h1 {
  font-family: "GlyphWorld-Mountain";
  letter-spacing: 0;
}

/* line 499, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__four .fonts__lettres {
  font-family: "GlyphWorld-Mountain";
}

/* line 504, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__five h1 {
  font-family: "GlyphWorld-Meadow";
  letter-spacing: 0;
}

/* line 508, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__five .fonts__lettres {
  font-family: "GlyphWorld-Meadow";
}

/* line 517, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__two h1,
.fonts .fonts__three h1,
.fonts .fonts__four h1,
.fonts .fonts__five h1 {
  font-size: 54px;
}

/* line 524, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__two p,
.fonts .fonts__three p,
.fonts .fonts__four p,
.fonts .fonts__five p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 524, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two p,
.fonts .fonts__three p,
.fonts .fonts__four p,
.fonts .fonts__five p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 524, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two p,
.fonts .fonts__three p,
.fonts .fonts__four p,
.fonts .fonts__five p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 528, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__two p:first-of-type,
.fonts .fonts__three p:first-of-type,
.fonts .fonts__four p:first-of-type,
.fonts .fonts__five p:first-of-type {
  margin-top: 14px;
}

/* line 532, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__five {
  padding-bottom: 8vw;
}

/* line 538, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six {
  background: var(--main-green);
  padding-bottom: 8vw;
  width: 100vw;
  padding-bottom: 8vh;
}

/* line 545, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big,
.fonts .fonts__six .txt__medium,
.fonts .fonts__six .txt__small {
  display: flex;
  flex-wrap: wrap;
  padding-top: 4vh;
}

/* line 553, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big p,
.fonts .fonts__six .txt__medium p,
.fonts .fonts__six .txt__small p {
  padding-left: 5vw;
}

/* line 557, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__big__left,
.fonts .fonts__six .txt__big .txt__medium__left,
.fonts .fonts__six .txt__big .txt__small__left,
.fonts .fonts__six .txt__medium .txt__big__left,
.fonts .fonts__six .txt__medium .txt__medium__left,
.fonts .fonts__six .txt__medium .txt__small__left,
.fonts .fonts__six .txt__small .txt__big__left,
.fonts .fonts__six .txt__small .txt__medium__left,
.fonts .fonts__six .txt__small .txt__small__left {
  width: 50vw;
}

/* line 563, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__big__right,
.fonts .fonts__six .txt__big .txt__medium__right,
.fonts .fonts__six .txt__big .txt__small__right,
.fonts .fonts__six .txt__medium .txt__big__right,
.fonts .fonts__six .txt__medium .txt__medium__right,
.fonts .fonts__six .txt__medium .txt__small__right,
.fonts .fonts__six .txt__small .txt__big__right,
.fonts .fonts__six .txt__small .txt__medium__right,
.fonts .fonts__six .txt__small .txt__small__right {
  width: 50vw;
}

/* line 570, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__big__left p,
.fonts .fonts__six .txt__medium .txt__big__left p,
.fonts .fonts__six .txt__small .txt__big__left p {
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 578, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__big__right p,
.fonts .fonts__six .txt__medium .txt__big__right p,
.fonts .fonts__six .txt__small .txt__big__right p {
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 584, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__big__right p:nth-of-type(2),
.fonts .fonts__six .txt__medium .txt__big__right p:nth-of-type(2),
.fonts .fonts__six .txt__small .txt__big__right p:nth-of-type(2) {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.1em;
  margin-top: 15px;
}

/* line 594, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__medium__left p,
.fonts .fonts__six .txt__medium .txt__medium__left p,
.fonts .fonts__six .txt__small .txt__medium__left p {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 602, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__medium__right p,
.fonts .fonts__six .txt__medium .txt__medium__right p,
.fonts .fonts__six .txt__small .txt__medium__right p {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 608, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__medium__right p:nth-of-type(2),
.fonts .fonts__six .txt__medium .txt__medium__right p:nth-of-type(2),
.fonts .fonts__six .txt__small .txt__medium__right p:nth-of-type(2) {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1em;
  margin-top: 15px;
}

/* line 618, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__small__left p,
.fonts .fonts__six .txt__medium .txt__small__left p,
.fonts .fonts__six .txt__small .txt__small__left p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 626, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__small__right p,
.fonts .fonts__six .txt__medium .txt__small__right p,
.fonts .fonts__six .txt__small .txt__small__right p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 91%;
}

/* line 632, app/assets/stylesheets/styleguide.scss */
.fonts .fonts__six .txt__big .txt__small__right p:nth-of-type(2),
.fonts .fonts__six .txt__medium .txt__small__right p:nth-of-type(2),
.fonts .fonts__six .txt__small .txt__small__right p:nth-of-type(2) {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1em;
  margin-top: 15px;
}

/* line 644, app/assets/stylesheets/styleguide.scss */
.graphics {
  padding-bottom: 8vh;
  background: var(--main-white);
}

/* line 649, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__one h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
}

@media (min-width: 768px) {
  /* line 649, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__one h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 649, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__one h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 653, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__one p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 653, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__one p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 653, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__one p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 660, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__two .outdoor__ad {
  display: block;
  margin-top: 4vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 668, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__two p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
  margin-top: 15px;
}

@media (min-width: 768px) {
  /* line 668, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 668, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 675, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__three h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
  padding-top: 8vh;
}

@media (min-width: 768px) {
  /* line 675, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 675, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 680, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__three .graphics__columns__color {
  display: block;
  margin-top: 1.5vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 688, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__three .graphics__auto__rows,
.graphics .graphics__three .graphics__back__rows {
  display: block;
  margin-top: 1.5vh;
  margin-left: auto;
  margin-right: auto;
  width: 84vw;
}

/* line 697, app/assets/stylesheets/styleguide.scss */
.graphics .graphics__three p {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
  letter-spacing: 0;
  font-size: 14px;
  padding-top: 4vh;
}

@media (min-width: 768px) {
  /* line 697, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three p {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 697, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three p {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 706, app/assets/stylesheets/styleguide.scss */
.photo {
  background: var(--main-purple);
  padding-bottom: 8vw;
}

/* line 711, app/assets/stylesheets/styleguide.scss */
.photo .photo__one h1 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  padding-top: 6vh;
  padding-left: 5vw;
  width: 90vw;
}

@media (min-width: 768px) {
  /* line 711, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one h1 {
    font-size: 54px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

@media (min-width: 1440px) {
  /* line 711, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one h1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding-top: 6vh;
    padding-left: 5vw;
  }
}

/* line 715, app/assets/stylesheets/styleguide.scss */
.photo .photo__one p {
  font-size: 14px;
  width: 95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.05em;
  padding-left: 5vw;
  margin-top: 1.5vh;
}

@media (min-width: 768px) {
  /* line 715, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one p {
    font-size: 18px;
    width: 50vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 1.5vh;
  }
}

@media (min-width: 1440px) {
  /* line 715, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one p {
    font-size: 22px;
    width: 40vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding-left: 5vw;
    margin-top: 6vh;
  }
}

/* line 719, app/assets/stylesheets/styleguide.scss */
.photo .photo__one p:nth-of-type(2) {
  margin-top: 15px;
}

/* line 723, app/assets/stylesheets/styleguide.scss */
.photo .photo__one .essen__photo__blueprint {
  display: block;
  margin-top: 8vh;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

/* line 733, app/assets/stylesheets/styleguide.scss */
.photo .photo__two h3 {
  font-size: 14px;
  width: 95vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: bold;
  padding-left: 5vw;
  margin-top: 8vh;
}

@media (min-width: 768px) {
  /* line 733, app/assets/stylesheets/styleguide.scss */
  .photo .photo__two h3 {
    font-size: 18px;
    width: 50vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 8vh;
  }
}

@media (min-width: 1440px) {
  /* line 733, app/assets/stylesheets/styleguide.scss */
  .photo .photo__two h3 {
    font-size: 22px;
    width: 40vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    font-weight: bold;
    padding-left: 5vw;
    margin-top: 12vh;
  }
}

/* line 737, app/assets/stylesheets/styleguide.scss */
.photo .photo__two .photo__food {
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

@media (min-width: 768px) {
  /* line 752, app/assets/stylesheets/styleguide.scss */
  .conception .conception__div p {
    font-size: 54px;
    width: 90vw;
  }
  /* line 762, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two p {
    margin-top: 4vh;
  }
  /* line 766, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two .essen__logo__tile {
    width: 33vw;
  }
  /* line 770, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two .essen__logo__tile:nth-of-type(3) {
    border-top: 1px solid var(--main-black);
  }
  /* line 778, app/assets/stylesheets/styleguide.scss */
  .colors .colors__two div {
    width: 33.3vw;
  }
  /* line 786, app/assets/stylesheets/styleguide.scss */
  .composition .composition__one .description {
    margin-top: -20px;
  }
  /* line 792, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__one {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 801, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__one .outdoor__ad {
    width: 43vw;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 808, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__two {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8vh;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 819, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__two .outdoor__ad__box__left,
.composition .composition__two .outdoor__ad__box__two .outdoor__ad__box__right {
    width: 43vw;
  }
  /* line 822, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__two .outdoor__ad__box__left p,
.composition .composition__two .outdoor__ad__box__two .outdoor__ad__box__right p {
    padding: 0;
    width: 43vw;
  }
  /* line 828, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__two #outdoor__ad__three {
    margin-top: 0;
  }
  /* line 832, app/assets/stylesheets/styleguide.scss */
  .composition .composition__two .outdoor__ad__box__two .outdoor__ad {
    width: 43vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 842, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three .outdoor__ad__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 851, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three .outdoor__ad__box .socialnetwork__ad {
    width: 43vw;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 862, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__one h3 {
    margin-top: 4vh;
  }
  /* line 866, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two,
.fonts .fonts__three,
.fonts .fonts__four,
.fonts .fonts__five {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8vh;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 877, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two .fonts__box__left,
.fonts .fonts__three .fonts__box__left,
.fonts .fonts__four .fonts__box__left,
.fonts .fonts__five .fonts__box__left {
    width: 45vw;
  }
  /* line 880, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two .fonts__box__left h1,
.fonts .fonts__two .fonts__box__left p,
.fonts .fonts__three .fonts__box__left h1,
.fonts .fonts__three .fonts__box__left p,
.fonts .fonts__four .fonts__box__left h1,
.fonts .fonts__four .fonts__box__left p,
.fonts .fonts__five .fonts__box__left h1,
.fonts .fonts__five .fonts__box__left p {
    padding: 0;
    width: 42vw;
  }
  /* line 887, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two .fonts__box__right,
.fonts .fonts__three .fonts__box__right,
.fonts .fonts__four .fonts__box__right,
.fonts .fonts__five .fonts__box__right {
    width: 45vw;
  }
  /* line 890, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two .fonts__box__right p,
.fonts .fonts__three .fonts__box__right p,
.fonts .fonts__four .fonts__box__right p,
.fonts .fonts__five .fonts__box__right p {
    width: 42vw;
    margin: 0;
  }
  /* line 898, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big {
    padding-top: 4vh;
  }
  /* line 901, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__left p {
    font-size: 80px;
  }
  /* line 907, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__right p {
    font-size: 80px;
  }
  /* line 911, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__right p:nth-of-type(2) {
    font-size: 45px;
  }
  /* line 916, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium {
    padding-top: 10vh;
  }
  /* line 919, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__left p {
    font-size: 45px;
  }
  /* line 925, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__right p {
    font-size: 45px;
  }
  /* line 929, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__right p:nth-of-type(2) {
    font-size: 18px;
  }
  /* line 935, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small {
    padding-top: 10vh;
  }
  /* line 938, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__left p {
    font-size: 18px;
  }
  /* line 944, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__right p {
    font-size: 18px;
  }
  /* line 948, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__right p:nth-of-type(2) {
    font-size: 18px;
  }
  /* line 956, app/assets/stylesheets/styleguide.scss */
  .graphics {
    padding-bottom: 9vh;
  }
  /* line 958, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4vh;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 968, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div {
    width: 45vw;
  }
  /* line 971, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div p {
    padding: 0;
    width: 40vw;
  }
  /* line 977, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div .outdoor__ad {
    width: 43vw;
    margin: 0;
  }
  /* line 985, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three h1 {
    padding-top: 8vh;
  }
  /* line 988, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three p {
    padding-top: 0;
    margin-top: 4vh;
    font-size: 18px;
  }
  /* line 993, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three p:nth-of-type(2) {
    padding-top: 0;
    margin-top: 8vh;
    font-size: 18px;
  }
  /* line 1003, app/assets/stylesheets/styleguide.scss */
  .photo .photo__two div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
  /* line 1014, app/assets/stylesheets/styleguide.scss */
  .photo .photo__two .photo__food {
    width: 21vw;
    margin-top: 10px;
  }
}

@media (min-width: 1024px) {
  /* line 1026, app/assets/stylesheets/styleguide.scss */
  .conception {
    padding-bottom: 12vh;
  }
  /* line 1029, app/assets/stylesheets/styleguide.scss */
  .conception .conception__div p {
    font-size: 64px;
    width: 90vw;
  }
  /* line 1040, app/assets/stylesheets/styleguide.scss */
  .logo .logo__one .essen__logo__big-small,
.logo .logo__one .essen__logo__black__v1,
.logo .logo__one .essen__logo__black__v2__v3 {
    width: 45vw;
    margin-top: 4vh;
  }
  /* line 1050, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two p {
    margin-top: 8vh;
  }
  /* line 1053, app/assets/stylesheets/styleguide.scss */
  .logo .logo__two .essen__logo__tile__div {
    margin-top: 12vh;
  }
  /* line 1059, app/assets/stylesheets/styleguide.scss */
  .logo .logo__three .essen__logo__blueprint {
    width: 50vw;
  }
  /* line 1064, app/assets/stylesheets/styleguide.scss */
  .logo .logo__four {
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
    padding-bottom: 10vh;
  }
  /* line 1072, app/assets/stylesheets/styleguide.scss */
  .logo .logo__four .essen__logo__wrong {
    width: 22vw;
    margin-top: 4vh;
    padding: 3vw;
  }
  /* line 1082, app/assets/stylesheets/styleguide.scss */
  .colors .colors__two {
    width: 100vw;
  }
  /* line 1084, app/assets/stylesheets/styleguide.scss */
  .colors .colors__two div {
    height: 40vh;
  }
  /* line 1087, app/assets/stylesheets/styleguide.scss */
  .colors .colors__two div h1 {
    font-size: 34px;
  }
  /* line 1091, app/assets/stylesheets/styleguide.scss */
  .colors .colors__two div p {
    font-size: 22px;
  }
  /* line 1101, app/assets/stylesheets/styleguide.scss */
  .composition .composition__one .description {
    padding-left: 25vw;
    width: 50vw;
  }
  /* line 1105, app/assets/stylesheets/styleguide.scss */
  .composition .composition__one .essen__grid__blueprint {
    width: 50vw;
  }
  /* line 1111, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three .outdoor__ad__box {
    justify-content: start;
  }
  /* line 1113, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three .outdoor__ad__box .socialnetwork__ad {
    width: 20vw;
  }
  /* line 1116, app/assets/stylesheets/styleguide.scss */
  .composition .composition__three .outdoor__ad__box .socialnetwork__ad:nth-of-type(2) {
    margin-left: 5vw;
  }
  /* line 1127, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__two .fonts__box__left h1 {
    font-size: 143px;
  }
  /* line 1133, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__three {
    margin-top: 15vw;
  }
  /* line 1136, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__three .fonts__box__left h1 {
    font-size: 143px;
  }
  /* line 1142, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__four {
    margin-top: 15vw;
  }
  /* line 1145, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__four .fonts__box__left h1 {
    font-size: 143px;
  }
  /* line 1151, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__five {
    margin-top: 15vw;
  }
  /* line 1154, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__five .fonts__box__left h1 {
    font-size: 143px;
  }
  /* line 1160, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six {
    padding-bottom: 14vh;
  }
  /* line 1165, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__left p {
    font-size: 133px;
  }
  /* line 1170, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__right p {
    font-size: 133px;
  }
  /* line 1174, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__big .txt__big__right p:nth-of-type(2) {
    font-size: 66px;
  }
  /* line 1181, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__left p {
    font-size: 66px;
  }
  /* line 1186, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__right p {
    font-size: 66px;
  }
  /* line 1190, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__medium .txt__medium__right p:nth-of-type(2) {
    font-size: 22px;
  }
  /* line 1197, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__left p {
    font-size: 22px;
  }
  /* line 1202, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__right p {
    font-size: 22px;
  }
  /* line 1206, app/assets/stylesheets/styleguide.scss */
  .fonts .fonts__six .txt__small .txt__small__right p:nth-of-type(2) {
    font-size: 22px;
  }
  /* line 1214, app/assets/stylesheets/styleguide.scss */
  .graphics {
    padding-bottom: 13vh;
  }
  /* line 1216, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two {
    justify-content: start;
    margin-top: 8vh;
  }
  /* line 1219, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div {
    width: 30vw;
  }
  /* line 1221, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div .outdoor__ad {
    width: 30vw;
  }
  /* line 1225, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__two div:nth-of-type(2) {
    margin-left: 10vw;
  }
  /* line 1230, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three {
    margin-top: 8vh;
  }
  /* line 1232, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three .graphics__columns__color {
    margin-top: 4vh;
  }
  /* line 1236, app/assets/stylesheets/styleguide.scss */
  .graphics .graphics__three p {
    font-size: 22px;
    margin-top: 8vh;
    padding-bottom: 1.5vh;
  }
  /* line 1246, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one p {
    margin-top: 4vh;
  }
  /* line 1249, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one p:nth-of-type(2) {
    padding-left: 25vw;
    width: 50vw;
  }
  /* line 1254, app/assets/stylesheets/styleguide.scss */
  .photo .photo__one .essen__photo__blueprint {
    width: 50vw;
    margin-top: 12vh;
  }
  /* line 1263, app/assets/stylesheets/styleguide.scss */
  .photo .photo__two .photo__food {
    margin-top: 2vh;
  }
}
/* line 19, app/assets/stylesheets/subscribers.scss */
.new_subscriber {
  padding-bottom: 24%;
}

/* line 21, app/assets/stylesheets/subscribers.scss */
.new_subscriber #subscriber_email {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  width: 85vw;
  height: 10vh;
  border-radius: 500px;
  font-size: 14px;
  text-align: center;
  border: 5px solid var(--main-black);
  color: var(--main-black);
  background-color: var(--main-purple);
  margin: 7% 0 3% 7%;
}

/* line 32, app/assets/stylesheets/subscribers.scss */
.new_subscriber input {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  width: 85vw;
  height: 10vh;
  border-radius: 500px;
  border: none;
  margin: 0 7%;
  color: var(--main-white);
  background-color: var(--main-black);
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/subscribers.scss */
  .new_subscriber {
    padding-bottom: 14%;
  }
  /* line 54, app/assets/stylesheets/subscribers.scss */
  .new_subscriber input {
    font-size: 18px;
    height: 18vh;
  }
  /* line 59, app/assets/stylesheets/subscribers.scss */
  .new_subscriber #subscriber_email {
    font-size: 18px;
    font-size: 18px;
    height: 18vh;
  }
}

@media (min-width: 1024px) {
  /* line 68, app/assets/stylesheets/subscribers.scss */
  .new_subscriber {
    padding-bottom: 12%;
  }
  /* line 70, app/assets/stylesheets/subscribers.scss */
  .new_subscriber #subscriber_email {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    width: 85vw;
    height: 10vh;
    border-radius: 500px;
    height: 23vh;
    font-size: 22px;
  }
  /* line 75, app/assets/stylesheets/subscribers.scss */
  .new_subscriber input {
    height: 23vh;
    font-size: 22px;
  }
}

@media (min-width: 1280px) {
  /* line 83, app/assets/stylesheets/subscribers.scss */
  .new_subscriber {
    padding-bottom: 14%;
  }
  /* line 85, app/assets/stylesheets/subscribers.scss */
  .new_subscriber #subscriber_email {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    width: 85vw;
    height: 10vh;
    border-radius: 500px;
    height: 28vh;
    font-size: 22px;
  }
  /* line 90, app/assets/stylesheets/subscribers.scss */
  .new_subscriber input {
    height: 28vh;
    font-size: 22px;
  }
}

@media (min-width: 1440px) {
  /* line 99, app/assets/stylesheets/subscribers.scss */
  .new_subscriber {
    padding-bottom: 14%;
  }
  /* line 101, app/assets/stylesheets/subscribers.scss */
  .new_subscriber #subscriber_email {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    width: 85vw;
    height: 10vh;
    border-radius: 500px;
    height: 30vh;
    font-size: 22px;
  }
  /* line 106, app/assets/stylesheets/subscribers.scss */
  .new_subscriber input {
    height: 30vh;
    font-size: 22px;
  }
}
/* line 17, app/assets/stylesheets/welcome.scss */
.header {
  height: 90vh;
  background: var(--main-yellow);
  border-radius: 0px 0px 70px 70px;
}

/* line 32, app/assets/stylesheets/welcome.scss */
.header h1 {
  position: absolute;
  font-family: 'Inter';
  font-weight: bold;
  font-size: 60px;
  width: 70vw;
  line-height: 1.6;
  top: 40vh;
  left: 55vw;
  transform: translate(-50%, -50%);
}

/* line 43, app/assets/stylesheets/welcome.scss */
.header h1 span {
  border-radius: 100px;
  background: var(--main-white);
  padding: 4px 30px 10px 20px;
}

/* line 59, app/assets/stylesheets/welcome.scss */
.emj__meet {
  height: 50px;
  vertical-align: middle;
}

/* line 63, app/assets/stylesheets/welcome.scss */
.emj__peanuts {
  height: 50px;
  vertical-align: middle;
}

/* line 67, app/assets/stylesheets/welcome.scss */
.emj__milk {
  height: 50px;
  vertical-align: middle;
}

/* line 71, app/assets/stylesheets/welcome.scss */
.background_main {
  background: var(--main-black);
}

/* line 76, app/assets/stylesheets/welcome.scss */
main {
  height: 100vh;
  border-radius: 0px 0px 70px 70px;
  background: var(--main-grey);
  position: relative;
  display: flex;
  flex-flow: row;
}

/* line 84, app/assets/stylesheets/welcome.scss */
main h2 {
  font-family: 'Inter';
  font-size: 30px;
  font-weight: bold;
  line-height: 1.25;
  color: var(--main-black);
  width: 40vw;
  margin-top: 50vh;
  transform: translateY(-25%);
  margin-left: 10vw;
}

/* line 96, app/assets/stylesheets/welcome.scss */
main .plate {
  height: 90vh;
  margin-top: 50vh;
  transform: translateY(-50%);
}

/* line 103, app/assets/stylesheets/welcome.scss */
footer {
  height: 82vh;
  background: var(--main-black);
}

/* line 106, app/assets/stylesheets/welcome.scss */
footer h3 {
  font-family: 'Inter';
  font-weight: bold;
  font-size: 60px;
  width: 70vw;
  line-height: 1.6;
  color: var(--main-grey);
  margin-top: 20vh;
  margin-left: 56vw;
  transform: translate(-50%, -50%);
}

/* line 123, app/assets/stylesheets/welcome.scss */
footer h3 .emj__phone {
  height: 65px;
  vertical-align: middle;
}

/* line 127, app/assets/stylesheets/welcome.scss */
footer h3 .emj__postbox {
  height: 65px;
  vertical-align: middle;
}

/* line 131, app/assets/stylesheets/welcome.scss */
footer h3 span {
  background: var(--main-black);
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
 .top_menu {
   font-family: "Inter";
   font-size: 18px;

   display: flex;
   justify-content: flex-end;
   align-items: center;

   width: 100%;
   height: 60px;
   margin-bottom: 40px;

   background: #eee;
   border-bottom: 1px solid #ddd;
 }

 .top_menu__logo {
   margin-right: auto;
   padding: 20px;
 }

 .top_menu a {
   margin: 0 20px;
   text-decoration: none;
   color: var(--main-black);
 }

 .top_menu a:hover {
   color: #414141;
 }

/*# sourceMappingURL=application.css-57160840c95771019c67368c187534e6ecd182b5ea70abda37f7dcfe3c303ce6.map */