/*   */
@media screen and (width >= 992px) {
  .nav-link {
    font-size: 1rem;
  }

  .page-node-1 .field--name-field-rumcake-sections {
    scroll-snap-type: unset;
  }

  .page-node-1 .field--name-field-rumcake-sections > .field__item {
    scroll-snap-align: unset;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h2 {
    font-size: 2.2rem;
  }

  /* -------------- 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 {
    bottom: -9%;
  }

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

  .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: 46%;
    bottom: 18%;
  }

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

  /* -------------- 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: 32%;
    bottom: -10%;
    left: -7%;
  }

  /* -------------- Layer 3 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images {
    background-color: transparent;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-texts {
    top: 15%;
    right: -40%;
    max-width: 350px;
  }

  .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: -13%;
    width: 32%;
    right: -8%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

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

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-images {
    background-color: transparent;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-texts
    h2,
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-texts
    p {
    color: var(--text-color-purple);
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-texts {
    top: 15%;
    left: -40%;
    max-width: 370px;
  }

  .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: 26%;
    left: -8%;
    top: -7%;
  }

  /* -------------- Layer 5 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images {
    background-color: transparent;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-texts {
    top: 15%;
    right: -35%;
    max-width: 350px;
  }

  .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: 24%;
    top: -17%;
    left: -4.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: 23%;
    right: -4%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

  /* -------------- Layer 6 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-images {
    background-color: transparent;
  }

  .page-node-1
    .field--name-field-rumcake-sections:has(.field__item:nth-of-type(6))
    .field__item:nth-of-type(6)
    .field--name-field-section-texts {
    max-width: 800px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont {
    /* margin-bottom: 2rem; */
    display: grid;
    grid-template-columns: 45% 55%;
    grid-template-rows: auto;
    gap: 1rem;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont
    img {
    width: 91%;
    box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
  }

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

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images {
    background-color: transparent;
  }

  .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: 47%;
    top: -5%;
    right: -22%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-texts {
    top: 15%;
    right: -34%;
    max-width: 350px;
  }

  /* -------------- Layer 8 ------------------- */

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

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    h2 {
    color: var(--text-color-yellow);
    margin-bottom: 1rem;
    position: relative;
    left: -20%;
    max-width: 350px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:first-of-type {
    max-width: 250px;
    position: absolute;
    top: 85%;
    left: -16%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:last-of-type {
    max-width: 250px;
    position: absolute;
    bottom: -385%;
    right: -26%;
  }

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

  .geolocation-map-container .views-field-title h3 {
    max-width: 280px;
  }

  /******************** Webform confirmation ***************/
  .node--type-webform .webform-confirmation .webform-confirmation__message p {
    width: 600px;
  }
}

/*   */
@media screen and (width >= 1200px) {
  #navbar-top {
    top: 20%;
    right: 2%;
  }

  #navbar-top
    .region-top-header
    #block-custom-barrio-socialfooterblock-2
    .field--name-body {
    display: flex;
    flex-direction: row;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item
    .field--name-field-section-texts
    h2 {
    font-size: 2rem;
  }

  .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 {
    bottom: -9%;
    width: 8%;
  }

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

  .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: 25%;
    right: -11%;
  }

  .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: 41%;
    bottom: 16%;
    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(5) {
    left: -5%;
    bottom: 2%;
    width: 27%;
  }

  /* -------------- 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: 10%;
    left: -29%;
    top: -1%;
  }

  .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: 10%;
    top: 1%;
    left: -21%;
    rotate: 52deg;
  }

  .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: 26%;
    bottom: -11%;
    left: -6%;
  }

  .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: 25%;
    right: -21%;
    top: -1%;
  }

  /* -------------- Layer 3 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-texts {
    top: 15%;
    right: -40%;
    max-width: 350px;
  }

  .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: -13%;
    width: 28%;
    right: -6%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(3)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

  /* -------------- Layer 4 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(4)
    .field--name-field-section-texts {
    top: 15%;
    left: -33%;
    max-width: 370px;
  }

  .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: 21%;
    left: -5%;
    top: -4%;
  }

  /* -------------- Layer 5 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-texts {
    top: 15%;
    right: -35%;
    max-width: 350px;
  }

  .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: 20%;
    top: -16%;
    left: -3.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: 19%;
    right: -4%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(5)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

  /* -------------- Layer 6 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    h2 {
    /* position: relative; */
    /* left: 4%; */
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    h3 {
    font-size: 20px;
  }

  .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;
  }

  .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
    p {
    max-width: 375px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    > p {
    /* position: relative; */
    /* left: 4%; */
  }

  /* -------------- 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: 47%;
    top: -5%;
    right: -22%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-images
    .field__item:last-of-type {
    display: none;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(7)
    .field--name-field-section-texts {
    top: 15%;
    right: -34%;
    max-width: 350px;
  }

  /* -------------- Layer 8 ------------------- */

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

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    h2 {
    color: var(--text-color-yellow);
    margin-bottom: 1rem;
    position: relative;
    left: -20%;
    max-width: 350px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:first-of-type {
    top: 85%;
    left: -16%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:last-of-type {
    bottom: -408%;
    right: -39%;
  }

  .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 >= 1400px) {
  #navbar-top {
    top: 20%;
    right: 3%;
  }

  /* -------------- 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: 39%;
    top: -5%;
    right: -16%;
  }

  /* -------------- Layer 8 ------------------- */

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

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    h2 {
    color: var(--text-color-yellow);
    margin-bottom: 1rem;
    position: relative;
    left: -34%;
    max-width: 350px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:first-of-type {
    top: 85%;
    left: -29%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:last-of-type {
    bottom: -434%;
    right: -53%;
  }
}

/*   */
@media screen and (width >= 1600px) {
  /* -------------- 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 {
    bottom: -3%;
    width: 7%;
    left: 2%;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:first-of-type
    .field--name-field-section-images
    .field__item:nth-of-type(2) {
    bottom: -11%;
    left: -5%;
    width: 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: 21%;
    right: -8%;
  }

  .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: 34%;
    bottom: 16%;
    right: -9%;
  }

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

  /* -------------- 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: 7%;
    left: -20%;
    top: -3%;
  }

  .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: 7%;
    top: 0%;
    left: -10%;
    rotate: 51deg;
  }

  .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: 22%;
    left: -5%;
  }

  .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: 20%;
    right: -17%;
    top: -2%;
  }

  /* -------------- 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: -14%;
    width: 23%;
    right: -4%;
  }

  /* -------------- 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: 17%;
  }

  /* -------------- 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: 15%;
    left: -2.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: 15%;
  }

  /* -------------- Layer 6 ------------------- */

  .page-node-1
    .field--name-field-rumcake-sections:has(.field__item:nth-of-type(6))
    .field__item:nth-of-type(6)
    .field--name-field-section-texts {
    max-width: 900px;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont {
    /* margin-bottom: 2rem; */
    grid-template-columns: 56% 44%;
    gap: 0;
  }

  .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 {
    justify-self: unset;
  }

  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(6)
    .field--name-field-section-texts
    .our_cake_cont
    img {
    width: 100%;
    box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
  }

  /* -------------- 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: 33%;
    right: -13%;
  }

  /* -------------- Layer 8 ------------------- */
  .page-node-1
    .field--name-field-rumcake-sections
    .field__item:nth-of-type(8)
    .field--name-field-section-texts
    .buy_cont:last-of-type {
    right: -70%;
  }
}

/*   */
@media screen and (width >= 1800px) {
  /* -------------- Layer 1 ------------------- */

  .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: 7%;
    top: -2%;
    left: -11%;
    rotate: 54deg;
  }
}