@font-face {
  font-family: Ppeditorialnew;
  src: url('../fonts/PPEditorialNew-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Founders Grotesk;
  src: url('../fonts/Founders-Grotesk---Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #ddeeef;
  --red: #e01c2e;
}

.home {
  background-color: var(--blue);
  color: var(--red);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 9vh;
  padding-bottom: 9vh;
  display: flex;
}

.body {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--blue);
  color: var(--red);
  flex-flow: column;
  grid-template-rows: 60% auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
}

.div-block {
  background-color: #fff;
}

.h1 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Ppeditorialnew, Palatino Linotype, sans-serif;
  font-size: 3vw;
  line-height: 4vw;
}

.h1:hover {
  text-decoration: none;
}

.container_centre {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container_centre:hover {
  text-decoration: none;
}

.p {
  text-align: center;
  font-family: Founders Grotesk, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 2vw;
  text-decoration-thickness: 10px;
}

.p:hover {
  text-underline-offset: 2px;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

.p.error {
  line-height: 2vw;
}

.link {
  color: var(--red);
  text-align: center;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.img_myo {
  width: 12%;
  padding-left: 1%;
  padding-right: 1%;
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 30px;
  display: flex;
}

.logo {
  width: 23%;
}

.utility-page-wrap {
  background-color: var(--red);
  color: var(--blue);
  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;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.contenedor_logo {
  z-index: 700;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.contenedor_bottom {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.contenedor_bottom.reservas {
  padding-top: 30px;
}

.link_grande {
  color: var(--red);
  text-decoration: none;
}

.link_grande:hover {
  color: var(--red);
}

.link-2 {
  color: var(--red);
  text-decoration: none;
}

.slider {
  width: 100%;
  height: 100%;
  position: relative;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.slide01 {
  background-image: url('../images/MYO-05.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide02 {
  background-image: url('../images/MYO-02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide03 {
  background-image: url('../images/MYO_DESKTOP03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide04 {
  background-image: url('../images/MYO-04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide05 {
  background-image: url('../images/MYO-06.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide06 {
  background-image: url('../images/MYO-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide07 {
  background-image: url('../images/MYO-09.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.contenedor {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 60vh auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100%;
  padding-bottom: 0;
  display: grid;
}

.contenedor.reservas {
  grid-template-rows: auto auto auto;
  justify-content: center;
}

.link-block {
  width: 10%;
  padding-top: 20px;
  padding-bottom: 30px;
}

.slide08 {
  background-image: url('../images/MYO_DESKTOP01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide09 {
  background-image: url('../images/MYO_DESKTOP02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide10 {
  background-image: url('../images/MYO_DESKTOP03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide11 {
  background-image: url('../images/MYO_DESKTOP04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (max-width: 991px) {
  .home {
    padding-top: 12vh;
    padding-bottom: 12vh;
  }

  .body {
    justify-content: space-around;
    align-items: center;
  }

  .h1 {
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 5vw;
    line-height: 6vw;
  }

  .p {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .img_myo {
    width: 13%;
  }

  .div-block-2 {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .logo {
    width: 35%;
  }

  .contenedor_bottom {
    padding-bottom: 20px;
  }

  .slider {
    inset: 0% 0% auto;
  }

  .link-block {
    width: 15%;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .body {
    grid-template-rows: 30% auto;
    justify-content: center;
    align-items: center;
  }

  .h1 {
    font-size: 5.5vw;
    line-height: 6.5vw;
  }

  .container_centre {
    padding-top: 0;
  }

  .p:hover {
    text-decoration: none;
  }

  .link:hover {
    text-decoration: underline;
  }

  .img_myo {
    width: 15%;
  }

  .div-block-2 {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .logo {
    width: 30%;
  }

  .mask {
    width: 100%;
  }

  .contenedor {
    grid-template-rows: 59vh auto;
  }

  .link-block {
    width: 18%;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .body {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 60% auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .h1 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 9vw;
    line-height: 11vw;
  }

  .p {
    font-size: 5vw;
    line-height: 7vw;
  }

  .img_myo {
    width: 27%;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .div-block-2 {
    flex-flow: column;
    padding-top: 20px;
  }

  .logo {
    width: 50%;
  }

  .contenedor_bottom {
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link_grande {
    font-size: 9vw;
    line-height: 11vw;
  }

  .slide03 {
    background-image: url('../images/MYO_MOBILE03.jpg');
  }

  .contenedor {
    grid-template-rows: 60vh auto;
  }

  .link-block {
    width: 25%;
    padding-bottom: 15px;
  }

  .slide08 {
    background-image: url('../images/MYO_MOBILE01.jpg');
  }

  .slide09 {
    background-image: url('../images/MYO_MOBILE02.jpg');
  }

  .slide10 {
    background-image: url('../images/MYO_MOBILE03.jpg');
  }

  .slide11 {
    background-image: url('../images/MYO_MOBILE04.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

#w-node-fb03d131-3a65-91f1-485a-d091bc8ca8a5-4be5668c {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_22516c6e-eaac-22a0-928f-92fc7ee01e6c-4be5668c {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_4e1d9626-0a4f-b643-f0fb-d481c2159938-4be5668c {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_3009f80a-493b-4d22-3b9a-488ac15ace2a-a2fa9324 {
  justify-self: center;
}

#w-node-_22516c6e-eaac-22a0-928f-92fc7ee01e6c-a2fa9324 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: stretch;
}

#w-node-_4e1d9626-0a4f-b643-f0fb-d481c2159938-a2fa9324 {
  grid-area: 3 / 1 / 4 / 2;
}


@font-face {
  font-family: 'Ppeditorialnew';
  src: url('../fonts/PPEditorialNew-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Founders Grotesk';
  src: url('../fonts/Founders-Grotesk---Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}