:root {
  --black: black;
  --white: white;
}

.body {
  color: var(--black);
  background-color: #fff;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.body._2 {
  background-color: #a0a0a0;
}

.logo {
  z-index: 200;
  opacity: 1;
  position: fixed;
  top: 50px;
  left: 44px;
}

.logo.difff {
  mix-blend-mode: difference;
}

.image-2 {
  width: 240px;
}

.kypselia {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.title {
  width: 100%;
  margin-bottom: 21px;
  font-size: 40px;
  font-weight: 300;
}

.menuolo {
  z-index: 1000;
  background-color: #6b6637;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.butmenu {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 29px;
  font-weight: 300;
  line-height: 29px;
  text-decoration: none;
}

.social {
  z-index: 500;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  margin-right: 8px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.social.difff {
  opacity: 1;
}

.slink {
  width: 28px;
}

.slink.f {
  width: 22px;
  margin-top: 35px;
}

.slink.ins {
  width: 40px;
}

.slink.sv {
  display: none;
}

.image-5 {
  padding: 5px;
}

.div-block {
  background-color: var(--black);
  display: none;
  overflow: hidden;
}

.logopurplesheep {
  z-index: 20000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto auto 71px 5px;
}

.link-block-8 {
  position: relative;
}

.design {
  color: var(--white);
  width: 90px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: -58px;
  left: -38px;
  transform: rotate(-90deg);
}

.purplesheeplogo {
  width: 20px;
}

.popup-overlay {
  z-index: 540000;
  color: var(--white);
  background-color: #6b6637;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  display: none;
  position: fixed;
  inset: auto 0% 21% auto;
}

.cookiein {
  margin-left: 10px;
  margin-right: 3px;
  display: flex;
}

.text-block-7 {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.link-2 {
  color: #000;
  background-color: #ecd905;
  padding-left: 11px;
  padding-right: 11px;
  font-weight: 700;
  text-decoration: none;
}

.button-3 {
  color: #000;
  background-color: #0000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 500;
  display: flex;
}

.button-3:hover {
  background-color: #fbff00;
}

.pardiv {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 49px;
  display: block;
  position: relative;
}

.out {
  z-index: 300000;
  background-color: var(--white);
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.paragraph-2 {
  color: #fff;
  margin-top: 0;
  margin-left: 94px;
  margin-right: 94px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.section-3 {
  margin-bottom: 100px;
}

.section-4 {
  height: 190px;
}

.cover {
  width: 100%;
  height: 100vh;
  position: fixed;
}

.vidanimation {
  width: 100%;
  height: 100vh;
}

.background-video {
  color: #fff;
  background-image: linear-gradient(#00000070, #00000070);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.contenta {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.contenta.pano {
  grid-row-gap: 160px;
  flex-wrap: wrap;
}

.heading {
  text-align: center;
  font-weight: 300;
}

.image-6 {
  width: 130px;
}

.menu-button {
  z-index: 20000;
  opacity: 0;
  cursor: pointer;
  background-color: #fff;
  border-radius: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 16px;
  margin-right: 17px;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.menu-button:hover {
  opacity: .7;
}

.menu-button.w--open {
  background-color: #0000;
}

.cycle {
  background-color: #000;
  border-radius: 20px;
  width: 6px;
  height: 6px;
  margin-top: 0;
}

.cycle.mesaio {
  margin-top: 6px;
  margin-bottom: 6px;
}

.winesphoto {
  z-index: 2;
  width: 25%;
  margin-left: 10%;
  margin-right: 10%;
  padding-top: 35%;
  position: relative;
  overflow: hidden;
}

.firstdiv {
  width: 100%;
  height: 100vh;
}

.winetitle {
  color: var(--white);
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2;
  position: absolute;
  inset: auto auto 4% 7%;
}

.winetitle.bl {
  color: var(--black);
}

.con2 {
  z-index: 2;
  width: 100%;
  padding-top: 203px;
  position: relative;
}

.grid {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.grid._2 {
  grid-template-columns: .75fr 1fr;
}

.animation {
  position: relative;
}

.animation._2 {
  z-index: 3;
}

.animation.new {
  justify-content: center;
  align-items: center;
  display: flex;
}

.divtext {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.divtext.diaf {
  background-color: #0000;
}

.textin {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.headingfirst {
  color: #000;
  width: 100%;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.1;
}

.headingfirst.krasss {
  text-transform: uppercase;
  font-weight: 400;
}

.pargraphola {
  color: var(--black);
  width: 100%;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}

.pargraphola.esopara {
  line-height: 2.5;
}

.pic {
  background-image: url('../images/a.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -17%;
}

.pic._2 {
  z-index: 5;
  background-image: url('../images/aambeli.jpg');
  left: 9%;
}

.pic.xoris {
  background-image: none;
}

.pic.xoris.kraaa {
  box-shadow: 0 0 18px 2px #000000a3;
}

.contact {
  background-image: url('../images/aeonas23.jpg');
  background-position: 50% 60%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section-5 {
  margin-top: 181px;
  position: relative;
}

.mpoukalia {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inwine {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inwine.animation {
  position: absolute;
}

.button {
  z-index: 20;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button.linkcursor {
  margin-top: 8px;
  margin-left: -90%;
}

.button.sv {
  display: none;
}

.stingbmore1 {
  background-color: #000;
  width: 4px;
  height: 100%;
  position: absolute;
  transform: rotate(0);
}

.strmor2 {
  background-color: #000;
  width: 4px;
  height: 100%;
  position: absolute;
  transform: rotate(90deg);
}

.more {
  color: #000;
  margin-left: 169px;
  font-size: 16px;
  font-weight: 600;
}

.cover-krasi {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 0%;
  display: flex;
}

.krasiin {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.krasiin.krasss {
  padding-bottom: 5px;
  padding-left: 18%;
  padding-right: 18%;
}

.krasiin.keimeno {
  background-color: var(--white);
  flex-direction: column;
  padding-top: 17%;
  position: relative;
}

.perigrafi {
  color: var(--black);
  width: 100%;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.poikiliew {
  color: var(--black);
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.parag {
  width: 100%;
  padding-bottom: 161px;
  position: relative;
}

.parag.insel {
  padding-bottom: 132px;
}

.backround {
  background-color: var(--white);
  opacity: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.backround.all {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.backimage {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.backimage.allo {
  opacity: .84;
  filter: none;
}

.proio {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.koumpiaselidon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 133px;
  padding-left: 15%;
  padding-right: 15%;
  display: grid;
}

.buttoneso {
  width: 100%;
  padding-top: 100%;
  text-decoration: none;
  overflow: visible;
}

.image-8 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.buttonheading {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  position: relative;
}

.buttonheading.krsasi {
  color: var(--black);
  margin-bottom: -86%;
}

.buttonheading.roz {
  margin-bottom: -86%;
}

.inbutton {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.telephone {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: relative;
  inset: auto 0 3px auto;
}

.telephone.email {
  width: 35px;
  margin-left: 13px;
  right: 0;
}

.phones {
  z-index: 50;
  display: flex;
  position: fixed;
  inset: auto 62px 14px auto;
}

.phon {
  width: 20px;
  position: absolute;
}

.image-9 {
  width: 25px;
}

.selidestitle {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.backin {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.photogrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 120%;
  margin-bottom: 132px;
  display: grid;
  position: relative;
}

.firstpic {
  width: 60%;
  padding-top: 73%;
  position: relative;
  top: -16%;
  left: -27%;
}

.picgen {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pic2 {
  width: 100%;
  padding-top: 152%;
}

.pic4 {
  width: 100%;
  padding-top: 83%;
  position: relative;
  bottom: -12%;
  right: -20%;
}

.winmpoukaliolo {
  background-image: url('../images/aionas7newA.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.winmpoukaliolo.roze {
  background-image: url('../images/aionas7newAroze.jpg');
}

.winmpoukaliolo.fysiko {
  background-image: url('../images/aionas7newfysikos2.jpg');
}

.adress {
  width: 100%;
  margin-top: -80px;
}

.adresss {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -314px;
  display: flex;
  position: relative;
}

.email {
  color: var(--black);
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.ema {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-top: 11px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
}

.alinkdi {
  width: 100%;
  height: 100%;
  position: absolute;
}

.binkout {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.add {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.kookey {
  opacity: 0;
  position: fixed;
  inset: 0% auto auto 0%;
}

.keyyyy {
  position: fixed;
  inset: 0% auto auto 0%;
}

.scrolfirstpaga {
  z-index: 80;
  color: #fff;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-left: -52px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto auto 6px 50%;
}

.text-block-3 {
  text-align: center;
  width: 100%;
  margin-top: -13px;
  font-size: 12px;
  line-height: 12px;
}

.string-scroll {
  background-color: #0000;
  background-image: linear-gradient(#0000, #fff);
  width: 1px;
  height: 50px;
}

.kyklos {
  background-color: #fff;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 9.5px;
}

.image-10 {
  width: 150px;
  margin-top: 8px;
  margin-left: 0;
  position: relative;
  top: auto;
  left: auto;
}

.tuv {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 64px;
  display: flex;
}

.pistopoisi {
  align-items: center;
  font-weight: 700;
  display: flex;
}

@media screen and (max-width: 991px) {
  .title.text {
    font-size: 35px;
  }

  .butmenu {
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 24px;
  }

  .contenta {
    flex-direction: column;
  }

  .contenta.pano {
    grid-row-gap: 90px;
  }

  .menu-button {
    margin-left: 24px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .winesphoto {
    width: 40%;
    margin-left: auto;
    padding-top: 50%;
  }

  .winesphoto.leuko {
    margin-left: 10%;
    margin-right: auto;
  }

  .winetitle {
    font-size: 22px;
  }

  .grid {
    grid-template-columns: 1.5fr;
  }

  .grid._2 {
    grid-template-columns: 1fr;
  }

  .grid.krasi {
    align-content: stretch;
    place-items: center stretch;
  }

  .divtext {
    padding-top: 0%;
  }

  .divtext.diaf {
    top: -60px;
  }

  .divtext.diaf.krrr {
    top: 56px;
  }

  .textin {
    padding-top: 25%;
    padding-bottom: 25%;
    position: relative;
  }

  .headingfirst {
    text-align: left;
    margin-top: 11px;
    font-size: 30px;
  }

  .headingfirst.krasss {
    text-align: center;
  }

  .pargraphola {
    margin-top: 12px;
    line-height: 2;
  }

  .pic {
    width: 65%;
    height: 65%;
    padding-top: 65%;
    position: relative;
    top: -41%;
    left: auto;
  }

  .pic._2 {
    left: auto;
  }

  .perigrafi, .poikiliew {
    text-align: center;
  }

  .koumpiaselidon {
    padding-left: 9%;
    padding-right: 9%;
  }

  .buttonheading {
    line-height: 1.1;
  }

  .selidestitle {
    font-size: 35px;
  }

  .photogrid {
    grid-template-columns: 1fr 1.5fr 1fr;
  }

  .firstpic {
    width: 80%;
    padding-top: 97%;
    left: -40%;
  }

  .pic4 {
    width: 100%;
    padding-top: 114%;
    right: -30%;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    top: 26px;
    left: 33px;
  }

  .image-2 {
    width: 150px;
  }

  .kypselia {
    align-items: center;
  }

  .title {
    text-align: center;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 40px;
  }

  .title.text {
    text-align: left;
    font-size: 28px;
  }

  .butmenu {
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 20px;
  }

  .social {
    right: 8px;
  }

  .slink {
    width: 24px;
  }

  .slink.f {
    width: 20px;
  }

  .slink.ins {
    width: 35px;
  }

  .pardiv {
    margin-top: 34px;
  }

  .section-4 {
    height: 130px;
  }

  .menu-button {
    margin-left: 20px;
  }

  .pic._2 {
    top: -9%;
  }

  .button.linkcursor {
    margin-top: 12px;
    margin-left: -87%;
  }

  .perigrafi {
    font-size: 18px;
  }

  .poikiliew {
    font-size: 16px;
  }

  .koumpiaselidon {
    grid-template-columns: 1fr;
  }

  .buttonheading {
    font-size: 18px;
  }

  .selidestitle {
    font-size: 30px;
  }

  .photogrid {
    grid-template-columns: 1fr;
  }

  .firstpic {
    left: -20%;
  }

  .pic2 {
    width: 80%;
    position: relative;
    right: -30%;
  }

  .pic4 {
    width: 80%;
    right: 20%;
  }

  .scrolfirstpaga {
    margin-left: -22%;
  }
}

@media screen and (max-width: 479px) {
  .logo {
    top: 23px;
    left: 11px;
  }

  .image-2 {
    width: 170px;
  }

  .kypselia {
    align-items: center;
  }

  .title {
    font-size: 30px;
  }

  .title.text {
    line-height: 35px;
  }

  .butmenu {
    margin-bottom: 24px;
    font-size: 23px;
    line-height: 23px;
  }

  .social {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 13px;
    inset: auto 0% 0% auto;
  }

  .popup-overlay {
    width: 250px;
  }

  .pardiv {
    margin-top: 38px;
    display: block;
  }

  .paragraph-2 {
    margin-left: 44px;
    margin-right: 44px;
  }

  .contenta.pano {
    grid-row-gap: 40px;
  }

  .heading {
    font-size: 25px;
    line-height: 35px;
  }

  .image-6 {
    width: 100px;
  }

  .menu-button {
    margin-top: 10px;
    margin-right: 8px;
  }

  .winesphoto {
    width: 70%;
    margin-right: 4%;
    padding-top: 101%;
  }

  .winesphoto.leuko {
    margin-left: 4%;
  }

  .con2.tel {
    padding-top: 0;
    display: block;
  }

  .grid._2 {
    height: auto;
  }

  .divtext {
    padding-top: 0%;
  }

  .divtext.diaf {
    top: -38px;
  }

  .divtext.diaf.krrr {
    top: 70px;
  }

  .divtext.krasssi {
    background-color: #0000;
  }

  .textin {
    padding: 25% 11%;
    position: relative;
  }

  .headingfirst {
    margin-top: 26px;
    font-size: 25px;
  }

  .headingfirst.krasss {
    color: var(--white);
  }

  .pic {
    width: 78%;
    height: auto;
    margin-bottom: 128px;
    padding-top: 78%;
    position: relative;
    top: 5%;
  }

  .pic._2 {
    position: relative;
  }

  .pic.xoris.kraaa {
    margin-bottom: 0;
  }

  .krasiin.krasss {
    padding-left: 5%;
    padding-right: 5%;
  }

  .krasiin.keimeno {
    padding-left: 10%;
    padding-right: 10%;
  }

  .perigrafi {
    color: var(--white);
    font-size: 18px;
  }

  .poikiliew {
    color: var(--white);
    font-size: 16px;
  }

  .koumpiaselidon {
    padding-left: 0%;
    padding-right: 0%;
  }

  .buttonheading {
    font-size: 18px;
  }

  .selidestitle {
    font-size: 28px;
  }

  .pic2 {
    padding-top: 135%;
    right: -22%;
  }

  .scrolfirstpaga {
    margin-left: -35%;
    display: flex;
  }

  .text-block-3 {
    font-weight: 800;
  }

  .image-10 {
    width: 100px;
  }
}

#w-node-_2f6eb21e-1163-bb39-6b3d-9a22a397ef71-7b206078, #w-node-_6a345c60-d00a-2ecc-ea31-2da1ecf47dbf-7b206078, #w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-a820607b {
  align-self: center;
}

#w-node-_1d0752ad-8a82-556c-a899-d747d293a7dc-a820607b, #w-node-_0e5e8a9b-703c-ad9a-2088-4599744c97e2-a820607b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-be20607c {
  align-self: center;
}

#w-node-c5a2c335-3e03-31c4-47db-a35bd879dddc-d879dddb, #w-node-_205b3fa4-0de8-2554-f736-d10981680c7c-d879dddb, #w-node-dc9d1f21-cb4a-8cd1-c8ec-3da5376e57e3-2720607f, #w-node-eb6a205d-633a-b01c-dc90-a07723b8fb4b-2720607f, #w-node-_8dcda8ad-866e-bf91-3f35-fa90a00dacc2-a00dacc1, #w-node-_8dcda8ad-866e-bf91-3f35-fa90a00dacc8-a00dacc1, #w-node-d3268b68-f11c-885d-a141-272d22e6eca8-a00dacc1, #w-node-dc9d1f21-cb4a-8cd1-c8ec-3da5376e57e3-3c206081, #w-node-eb6a205d-633a-b01c-dc90-a07723b8fb4b-3c206081 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-04b50b24 {
  align-self: center;
}

#w-node-_1d0752ad-8a82-556c-a899-d747d293a7dc-04b50b24, #w-node-ef56f9b8-fc86-98ea-45dc-a8e97c3e879f-04b50b24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_6a345c60-d00a-2ecc-ea31-2da1ecf47dbf-7b206078 {
    order: 9999;
  }

  #w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-a820607b, #w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-be20607c, #w-node-c68fd62f-b24f-4f8e-61fe-76bbeb51e0dd-04b50b24 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1d0752ad-8a82-556c-a899-d747d293a7dc-a820607b, #w-node-_0e5e8a9b-703c-ad9a-2088-4599744c97e2-a820607b, #w-node-c5a2c335-3e03-31c4-47db-a35bd879dddc-d879dddb, #w-node-_205b3fa4-0de8-2554-f736-d10981680c7c-d879dddb, #w-node-_8dcda8ad-866e-bf91-3f35-fa90a00dacc2-a00dacc1, #w-node-_8dcda8ad-866e-bf91-3f35-fa90a00dacc8-a00dacc1, #w-node-d3268b68-f11c-885d-a141-272d22e6eca8-a00dacc1, #w-node-_1d0752ad-8a82-556c-a899-d747d293a7dc-04b50b24, #w-node-ef56f9b8-fc86-98ea-45dc-a8e97c3e879f-04b50b24 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6a345c60-d00a-2ecc-ea31-2da1ecf47dbf-7b206078 {
    order: 9999;
    align-self: center;
  }
}