/*   */
@media screen and (width >= 360px) {
}

/*   */
@media screen and (width >= 400px) {
  /* -------------- Layer 1 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 10%;
    bottom: -4%;
    left: 1%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    width: 9%;
    bottom: -5%;
    left: -7%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(3) {
    width: 31%;
    right: -13%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(4) {
    width: 52%;
    bottom: 8%;
    right: -15%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(5) {
    width: 32%;
    left: -5%;
  }

  /* -------------- Layer 2 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 13%;
    left: -39%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    width: 11%;
    top: 1%;
    left: -27%;
    width: 10%;
    top: 1%;
    left: -19%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:last-of-type {
    max-width: 29%;
    right: -24%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:last-of-type {
    max-width: 24%;
    right: -20%;
    top: 0%;
  }

  /* -------------- Layer 3 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:first-of-type {
    top: -11%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 81%;
    bottom: 22%;
  }

  /* -------------- Layer 5 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 55%;
    bottom: 16%;
  }

  /* ------------- Layer 6 -------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont
    .our_cake_txt {
    max-width: 400px;
    justify-self: center;
  }

  /* -------------- Layer 7 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 65%;
    bottom: 14%;
  }

  /* -------------- Layer 8 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont
    img {
    margin-top: 0.7rem;
    width: 60%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont
    img {
    /* display: none; */
  }
}

/*   */
@media screen and (width >= 480px) {
}

/*   */
@media screen and (width >= 540px) {
  /******************** Webform confirmation ***************/
  .node--type-webform .webform-confirmation .webform-confirmation__message p {
    width: 90%;
  }
}

/*   */
@media screen and (width >= 600px) {
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts {
    max-width: 550px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h2 {
    font-size: 1.6rem;
    margin-bottom: 1.4rem !important;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h3 {
    font-size: 20px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    p {
    font-size: 1.1rem;
    line-height: 1.4;
  }

  /* -------------- Layer 2 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:nth-of-type(3) {
    width: 39%;
    bottom: -11%;
    left: -10%;
  }

  /* -------------- Layer 3 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:first-of-type {
    top: -12%;
    width: 43%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 71%;
    bottom: 12%;
  }

  /* -------------- Layer 4 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-texts {
    top: 35%;
    left: 0;
    right: 0;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 33%;
    top: -3%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 40%;
    top: -9%;
    left: -5%;
  }

  /* -------------- Layer 5 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 30%;
    top: -12%;
    left: -5%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    width: 30%;
    bottom: -3%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 53%;
    bottom: 10%;
    left: -10%;
  }

  /* -------------- Layer 6 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    p:first-of-type {
    margin-bottom: 1rem;
  }

  /* -------------- Layer 7 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 55%;
    bottom: 9%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .paragraph,
  .geolocation-map-container {
    min-height: 85vh;
  }
}

/*   */
@media screen and (width >= 768px) {
  /* Header */
  .nav-link {
    color: var(--link-color);
    font-size: 0.95rem;
    padding: 0 0.35rem !important;
  }

  header #navbar-main #block-custom-barrio-main-menu {
    background-color: transparent;
    width: unset;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts {
    max-width: 550px;
    /* margin: 0 auto; */
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h2 {
    font-size: 1.7rem;
    margin-bottom: 1.4rem !important;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h3 {
    font-size: 20px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    p {
    font-size: 1rem;
    line-height: 1.4;
  }

  /* -------------- Layer 1 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 10%;
    bottom: -4%;
    left: 1%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    width: 9%;
    bottom: -5%;
    left: -7%;
  }

  /* -------------- Layer 2 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(2)
    .field--name-field-section-images
    .field__item:nth-of-type(3) {
    width: 39%;
    bottom: -11%;
    left: -10%;
  }

  /* -------------- Layer 3 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:first-of-type {
    top: -15%;
    width: 43%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 71%;
    bottom: 12%;
  }

  /* -------------- Layer 4 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 33%;
    top: -3%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 40%;
    top: -9%;
    left: -5%;
  }

  /* -------------- Layer 5 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 30%;
    top: -16%;
    left: -5%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    width: 30%;
    bottom: -3%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 46%;
    bottom: 8%;
    left: -10%;
  }

  /* -------------- Layer 6 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    p:first-of-type {
    margin-bottom: 1rem;
  }

  /* -------------- Layer 7 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:first-of-type {
    width: 64%;
    top: -7%;
    right: -30%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:last-of-type {
    width: 47%;
    bottom: 13%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont
    img {
    width: 75%;
  }

  /* -------------- Layer 8 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts {
    top: 16%;
    left: 0;
    right: 0;
  }

  /* --------------- Contact Us ------------ */
  .page-node-1
    .field--name-field-field-webform
    form
    .webform-flexbox
    .webform-flex
    input {
    width: 97%;
  }

  .page-node-1
    .field--name-field-field-webform
    form
    #edit-form-desc-n-title
    h2 {
    text-align: left;
  }

  /******************** Webform confirmation ***************/

  .node--type-webform .webform-confirmation .webform-confirmation__message p {
    width: 80%;
  }

  /************************ Footer *************************/
}