.header-image {
    background-image: url('/app/uploads/2018/09/albondigas@2x-1300x1122.jpg');
    padding-top: 86.31%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    .header-image {
        background-image: url('/app/uploads/2018/09/albondigas@2x.jpg');
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-image {
        background-image: url('/app/uploads/2018/09/albondigas@2x.jpg');
    }
}
.site-title {
  top: 45%;
  left: 15%;
}

@media (min-width: 768px) {
  .site-title {
    top: 19.4%;
    left: 42.1%;
  }
}@media (min-width: 768px) {
  .block-text h2 {
    font-size: 60px;
    font-size: 4.6vw;
  }
  .block-text p {
    font-size: 17.75px;
    font-size: 1.35vw;
  }
}

@media (min-width: 1315px) {
  .block-text h2 {
    font-size: 60px;
  }
  .block-text p {
    font-size: 17.75px;
  }
}
.block-1 {
  width: 90%;
  max-width: 840px;
}
.block-1 h2 {
    color: #57c0b3;
}

@media (min-width: 768px) {
  .block-1 {
    width: 60%;
    max-width: none;
    margin: -43.1% auto 0 -10%;
    padding: 4.2% 6.4% 0 21.26%;
  }
}

.block-2 {
  max-width: 503px;
}
.block-2 h2 {
    bottom: 2.5%;
    left: 6.6%;
}

@media (min-width: 768px) {
  .block-2 {
    width: 38.69%;
    margin: -21.4% 11.3% 0 auto;
  }
}

.block-3 h2 {
    bottom: 3%;
    left: 6.8%;
}

@media (min-width: 768px) {
  .block-3 {
    width: 32.31%;
    margin: -4.25% 0 0 11.4%;
  }
}

.block-4 {
  max-width: 503px;
}
.block-4 h2 {
    bottom: 4.5%;
    left: 6.8%;
}

@media (min-width: 768px) {
  .block-4 {
    width: 38.69%;
    margin: -20.75% 11.3% 0 auto;
  }
}

.block-5 {
  background-color: #fdf392;
  width: 90%;
  margin: -36.55% auto 13%;
  padding: 14.43% 0;
}

.block-6 {
  max-width: 420px;
  margin: 0 auto;
}
.block-6 h2 {
  bottom: 4.5%;
  left: 6.8%;
}

@media (min-width: 768px) {
  .block-6 {
    width: 32.31%;
    margin: 13.45% 0 0 11.4%;
  }
}


.block-7 {
  background-color: #57c0b3;
  max-width: 420px;
  margin: 0 auto;
  padding: 1.5% 3% 1.9% 2.3%;
}
.block-7 h2 {
  color: #ffffff;
  margin: 0 0 4.8%;
}

@media (min-width: 768px) {
  .block-7 {
    width: 32.31%;
    margin: 0 0 0 11.4%;
  }
}

.block-8 {
  max-width: 503px;
}
.block-8 h2 {
  bottom: 2%;
  left: 5.8%;
}

@media (min-width: 768px) {
  .block-8 {
    width: 38.69%;
    margin: -41.15% 0 0 50%;
  }
}

.block-9 {
  background-color: #fdf392;
  width: 66.4%;
  margin: 0 5%;
  padding: 40.2% 0;
}

.block-10 {
  max-width: 420px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .block-10 {
    width: 32.31%;
    margin: -74.6% 0 0 11.4%;
  }
}

.block-11 {
  background-color: #ffffff;
  max-width: 420px;
  margin: 0 auto;
  padding: 1.35% 2.3% 1.8%;
}
.block-11 h2 {
  color: #57c0b3;
  margin: 0 0 4% 2%;
}

@media (min-width: 768px) {
  .block-11 {
    width: 32.31%;
    margin: 0 0 0 11.4%;
  }
}

.block-12 {
  max-width: 503px;
}
.block-12 h2 {
  bottom: 2.3%;
  left: 7.2%;
}

@media (min-width: 768px) {
  .block-12 {
    width: 38.69%;
    margin: -49.6% 0 0 50%;
  }
}

.block-13 {
  max-width: 420px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .block-13 {
    width: 32.31%;
    margin: 17.3% 0 0 11.4%;
  }
}

.block-14 {
  background-color: #57c0b3;
  max-width: 420px;
  margin: 0 auto 50px;
  padding: 1.35% 3% 1.7% 2.3%;
}
.block-14 h2 {
  color: #ffffff;
  margin: 0 0 4% 2%;
}

@media (min-width: 768px) {
  .block-14 {
    width: 32.31%;
    margin: 0 0 7.7% 11.4%;
  }
}