body {
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.38 Arial;
  color: rgb(0, 0, 0);
}

.pics p {
  margin-bottom: 1em;
}

.blue {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 103px;
  background-color: rgb(23, 163, 152);
}

.blue .image {
  top: 15px;
  left: 4.3334960937%;
  width: 58px;
}

.blue2 {
  position: absolute;
  top: 1650px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 101px;
  background-color: rgb(23, 163, 152);
}

.blue2 .image {
  top: 39px;
  left: 50%;
  z-index: 9;
  width: 27px;
}

.button-pinterest {
  display: block;
  position: relative;
  float: left;
  z-index: 17;
  width: 3.63203125%;
  height: 31px;
  margin: 1690px 0 0 46.6567999999%;
  border-radius: 3px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.food {
  position: absolute;
  background-size: cover;
  background-color: rgb(222, 222, 222);
}

.image {
  display: block;
  position: absolute;
  height: auto;
  overflow: hidden;
}

.info {
  position: absolute;
  top: -445px;
  left: 16.8811707317%;
  z-index: 15;
  width: 66.3338414634%;
  min-height: 94px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.pics {
  position: absolute;
  top: 712px;
  left: -0.09765625%;
  z-index: 16;
  width: 100.09765625%;
  height: 207px;
}

.rights {
  position: absolute;
  top: 66px;
  left: 5.4656982421%;
  z-index: 8;
  width: 25.5996704101%;
  min-height: 28px;
  font-size: 0.563em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.work {
  position: absolute;
}

.work .work {
  top: -342px;
  left: -0.0487804879%;
  z-index: 5;
  width: 99.9024390243%;
  min-height: 33px;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

._element {
  display: block;
  position: absolute;
  top: 15px;
  left: 4.3334960937%;
  z-index: 3;
  width: 5.6655883789%;
  height: 59px;
}

._text {
  display: block;
  position: absolute;
  font-weight: 400;
  line-height: 1.38;
}

.blue ._text {
  top: 41px;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.blue2 ._text {
  top: 39px;
  left: 5.4656982421%;
  z-index: 7;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.food-1 {
  top: 321px;
  left: 56.8421463414%;
  z-index: 14;
  width: 33.1707317073%;
  height: 477px;
  background-image: url('../images/picaFINAL.jpg');
  background-repeat: no-repeat;
  background-position: 0% 45%;
}

.food-2 {
  top: 321px;
  left: 10.087804878%;
  z-index: 13;
  width: 31.2195121951%;
  height: 477px;
  background-image: url('../images/eye2FINAL(2).jpg');
  background-position: 25% 30%;
}

.food-3 {
  top: -159px;
  left: 46.8902439024%;
  z-index: 12;
  width: 43.1219512195%;
  height: 300px;
  background-image: url('../images/newsFINAL%20copy.jpg');
  background-repeat: no-repeat;
  background-position: 30% 60%;
}

.food-4 {
  top: -261px;
  left: 10.0868902439%;
  z-index: 11;
  width: 30.9268292682%;
  height: 477px;
  background-image: url('../images/pixelFINAL(2).jpg');
  background-repeat: no-repeat;
  background-position: 0% 10%;
}

.work-1 {
  top: 542px;
  left: -0.09765625%;
  z-index: 6;
  width: 100.09765625%;
  height: 135px;
}

._text-1 {
  top: 1565px;
  left: 50%;
  z-index: 18;
  width: 6.7993164062%;
  min-height: 24px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.blue ._text-3 {
  left: 83.1970214843%;
  z-index: 2;
  width: 6.7993164062%;
  min-height: 18px;
}

.blue ._text-4 {
  left: 11.8087768554%;
  z-index: 1;
  width: 9.5428466796%;
  min-height: 21px;
}

@media(max-width: 768px) {
  body {
    font-size: 0.875em;
  }

  .blue .image {
    top: 22px;
    left: 3.7760416666%;
    width: 48px;
    height: auto;
  }

  .blue2 {
    top: 1273px;
    height: 82px;
  }

  .blue2 .image {
    top: 31px;
    left: 47.284375%;
    height: auto;
  }

  .blue2 .rights {
    top: 54px;
    left: 4.8136393229%;
    width: 25.5981445312%;
    font-size: 0.5em;
  }

  .button-pinterest {
    position: absolute;
    float: none;
    top: 1305px;
    left: 47.1684082031%;
    width: 3.6315917968%;
    margin-top: 0;
    margin-left: 0;
    font-size: 1.143em;
  }

  .pics {
    top: 663px;
    left: 0;
  }

  .pics .food {
    height: 340px;
  }

  .pics .info {
    font-size: 14px;
  }

  .work {
    top: -87px;
    left: 0;
    width: 100%;
  }

  .work .work {
    top: 247px;
    left: 0;
    width: 100%;
    font-size: 1.429em;
  }

  ._text {
    top: 1227px;
    left: 50.8%;
    font-size: 1.143em;
  }

  .blue ._text {
    font-size: 0.857em;
  }

  .blue2 ._text {
    top: 31px;
    left: 4.8136393229%;
    font-size: 0.786em;
  }

  .pics .food-1 {
    top: 207px;
    left: 55.919105691%;
    width: 30.569105691%;
    border-style: none;
  }

  .pics .food-2 {
    top: 207px;
    left: 9.9902439024%;
    width: 33.4308943089%;
  }

  .pics .food-3 {
    top: -180px;
    left: 56.7154471544%;
    width: 32.9105691056%;
    background-position: 25% 50%;
  }

  .pics .food-4 {
    top: -180px;
    left: 10.0162601626%;
    width: 33.4308943089%;
  }

  .work-1 {
    height: 516px;
  }

  .blue ._text-3 {
    left: 83.2%;
  }

  .blue ._text-4 {
    left: 11.1633300781%;
    width: 9.541829427%;
  }
}

@media(max-width: 375px) {
  .blue .image {
    height: auto;
  }

  .blue2 {
    top: 1886px;
    height: 101px;
  }

  .blue2 .image {
    left: 44.2791666666%;
    height: auto;
  }

  .blue2 .rights {
    top: 80px;
    left: 4.8125%;
    width: 39.4666666666%;
  }

  .button-pinterest {
    top: 1917px;
    left: 44%;
    width: 7.2%;
  }

  .pics {
    top: 729px;
    width: 100%;
    height: 214px;
  }

  .pics .info {
    top: -548px;
    left: 16.8%;
  }

  .work {
    top: -76px;
  }

  .work .work {
    top: 208px;
  }

  ._text {
    left: 44%;
  }

  .blue2 ._text {
    top: 41px;
    left: 4.8125%;
  }

  .pics .food-1 {
    top: 765px;
    left: 17.0666666666%;
    width: 66.1333333333%;
    height: 331px;
  }

  .pics .food-2 {
    top: 405px;
    left: 17.0666666666%;
    width: 66.1333333333%;
    height: 329px;
  }

  .pics .food-3 {
    top: 168px;
    left: 10.1333333333%;
    width: 80%;
    height: 198px;
  }

  .pics .food-4 {
    top: -256px;
    left: 16%;
    width: 66.4%;
    height: 345px;
  }

  ._text-1 {
    top: 1845px;
  }

  .blue ._text-3 {
    left: 71.2%;
  }

  .blue ._text-4 {
    left: 16.8%;
    width: 21.0666666666%;
  }
}

@media(max-width: 320px) {
  body {
    font-size: 0.75em;
  }

  .blue {
    height: 62px;
  }

  .blue .image {
    top: 14px;
    left: 5.625%;
    width: 29px;
    height: auto;
  }

  .blue2 {
    top: 1707px;
    height: 123px;
  }

  .blue2 .image {
    top: 39px;
    left: 44%;
    height: auto;
  }

  .blue2 .rights {
    top: 95px;
    left: 5.4638671875%;
    width: 48.75%;
    font-size: 0.583em;
  }

  .button-pinterest {
    top: 1743px;
    width: 10%;
    font-size: 1.333em;
  }

  .pics {
    top: 1022px;
  }

  .pics .info {
    top: -835px;
    left: 16%;
    width: 67.8125%;
    font-size: 12px;
  }

  .work {
    top: 80px;
  }

  .work .work {
    top: 29px;
    font-size: 1.667em;
  }

  ._text {
    top: 1683px;
    font-size: 0.833em;
  }

  .blue ._text {
    top: 21px;
  }

  .blue2 ._text {
    top: 49px;
    left: 5.4638671875%;
    font-size: 0.917em;
  }

  .pics .food-1 {
    top: 360px;
    left: 16.875%;
    width: 69.375%;
    height: 298px;
  }

  .pics .food-2 {
    top: 33px;
    left: 16.8798828125%;
    width: 69.375%;
    height: 297px;
  }

  .pics .food-3 {
    top: -148px;
    left: 16.8798828125%;
    width: 69.0625%;
    height: 148px;
  }

  .pics .food-4 {
    top: -526px;
    left: 16.8798828125%;
    width: 69.375%;
  }

  .work-1 {
    height: 79px;
  }

  .blue ._text-3 {
    left: 69.6%;
    width: 6.7968749999%;
    font-size: 1em;
  }

  .blue ._text-4 {
    left: 16.1328125%;
    width: 31.25%;
    font-size: 0.917em;
  }
}