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

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

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

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

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

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

.content {
  position: absolute;
  min-height: 96px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.content-2 p,
.content-3 p {
  margin-bottom: 1em;
}

.food {
  position: absolute;
  top: -310px;
  width: 33.1707317073%;
  height: 455px;
  background-size: cover;
  background-color: rgb(222, 222, 222);
}

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

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

.rights {
  position: absolute;
  top: 66px;
  left: 5.4656982421%;
  z-index: 7;
  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: 4;
  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: 13px;
  left: 3.7109375%;
  z-index: 17;
  width: 6.2881469726%;
  height: 70px;
}

._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: 6;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.content-1 {
  top: 530px;
  left: 42.4390243902%;
  z-index: 14;
  width: 14.5365853658%;
}

.content-2 {
  top: 244px;
  left: 56.8421463414%;
  z-index: 13;
  width: 32.3673780487%;
}

.content-3 {
  top: 244px;
  left: 10.0487804878%;
  z-index: 12;
  width: 32.3673780487%;
}

.food-1 {
  left: 56.8421463414%;
  z-index: 11;
  background-image: url('../images/masked%20fish%20FINAL.jpg');
  background-repeat: no-repeat;
  background-position: 45% 0%;
}

.food-2 {
  left: 10.0487804878%;
  z-index: 10;
  background-image: url('../images/contentmap%20FINAL%20copy.jpg');
  background-position: left top;
}

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

._text-1 {
  top: 1233px;
  left: 47.3419189453%;
  z-index: 18;
  width: 4.39453125%;
  min-height: 25px;
  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) {
  .blue .image {
    top: 22px;
    left: 3.7760416666%;
    width: 48px;
    height: auto;
  }

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

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

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

  .button-pinterest {
    position: absolute;
    float: none;
    top: 1643px;
    left: 47.2941080729%;
    width: 3.6315917968%;
    margin-top: 0;
    margin-left: 0;
  }

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

  .pics .food {
    top: -299px;
    height: 340px;
  }

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

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

  ._text {
    top: 1044px;
    left: 10%;
  }

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

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

  .pics .content-2 {
    top: 136px;
    left: 56.8455284552%;
    width: 32.9105691056%;
  }

  .pics .content-3 {
    top: 136px;
    left: 10.0162601626%;
    width: 32.3902439024%;
  }

  .pics .food-1 {
    left: 56.7445853658%;
    width: 32.9105691056%;
  }

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

  .work-1 {
    height: 516px;
  }

  ._text-1 {
    width: 79.9479166666%;
    text-align: center;
  }

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

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

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

  .blue .image {
    height: auto;
  }

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

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

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

  .button-pinterest {
    top: 1641px;
    left: 45.6%;
    width: 8.7999999999%;
  }

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

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

  .pics .content-1 {
    top: 642px;
    left: 19.4666666666%;
  }

  .pics .content-2 {
    top: 531px;
    left: 23.7333333333%;
    width: 54.6666666666%;
  }

  .pics .content-3 {
    top: -132px;
    left: 23.7333333333%;
    width: 52.5333333333%;
  }

  .pics .food-1 {
    top: 214px;
    left: 23.5999999999%;
    width: 54.4%;
    height: 272px;
  }

  .pics .food-2 {
    top: -426px;
    left: 23.7333333333%;
    width: 52.2666666666%;
    height: 266px;
  }

  .work-1 {
    top: -76px;
  }

  ._text-1 {
    top: 1537px;
  }

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

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

@media(max-width: 320px) {
  .blue {
    height: 62px;
  }

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

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

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

  .blue2 .rights {
    top: 95px;
    left: 5.4638671875%;
    width: 48.75%;
  }

  .button-pinterest {
    top: 1620px;
    left: 43.125%;
    width: 10.625%;
  }

  .pics {
    top: 936px;
    left: -1.5625%;
  }

  .work {
    top: 80px;
  }

  .work .work {
    top: 29px;
  }

  ._text {
    top: 1460px;
    left: 9.9951171875%;
  }

  .blue ._text {
    top: 21px;
  }

  .blue2 ._text {
    top: 49px;
    left: 5.4638671875%;
  }

  .pics .content-1 {
    top: 530px;
    left: 42.4390243902%;
  }

  .pics .content-2 {
    top: 214px;
    left: 16.875%;
    width: 69.375%;
  }

  .pics .content-3 {
    top: -444px;
    left: 16.875%;
    width: 68.125%;
  }

  .pics .food-1 {
    top: -106px;
    left: 16.875%;
    width: 69.0625%;
    height: 295px;
  }

  .pics .food-2 {
    top: -758px;
    left: 16.7625%;
    width: 69.375%;
  }

  .work-1 {
    height: 79px;
  }

  .blue ._text-3 {
    left: 69.6875%;
    width: 11.5625%;
  }

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