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

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

.blue .image {
  float: left;
  width: 58px;
  margin: 15px 0 0 4.3335%;
}

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

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

.button-pinterest {
  display: block;
  position: absolute;
  top: 1689px;
  left: 49.21875%;
  z-index: 15;
  width: 3.02734375%;
  height: 29px;
  border-radius: 3px;
  font-size: 1.778em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

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

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

.rights {
  position: absolute;
  top: 66px;
  left: 5.4656982421%;
  z-index: 7;
  width: 25.5996704101%;
  min-height: 28px;
  font-size: 1em;
  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: 2.444em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

._element {
  display: block;
  position: absolute;
}

._text {
  display: block;
  position: absolute;
  font-size: 1.556em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.blue ._text {
  top: 41px;
}

.blue2 ._text {
  top: 39px;
  left: 5.4656982421%;
  z-index: 6;
}

.pics ._element {
  width: 33.1707317073%;
  height: 455px;
  background-size: cover;
  background-color: rgb(222, 222, 222);
}

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

._element-1 {
  top: 12px;
  left: 3.90625%;
  z-index: 16;
  width: 6.0928344726%;
  height: 66px;
}

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

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

.pics ._element-2 {
  top: 213px;
  left: 56.8414634146%;
  z-index: 13;
  background-image: url('../images/_MG_4747.JPG');
  background-position: 70% 0%;
}

.pics ._element-3 {
  top: 213px;
  left: 10.0487804878%;
  z-index: 12;
  background-image: url('../images/_MG_5443.JPG');
  background-repeat: no-repeat;
  background-position: 20% 0%;
}

.pics ._element-4 {
  top: -339px;
  left: 56.8421463414%;
  z-index: 11;
  background-image: url('../images/_MG_5213%20copy.jpg');
  background-repeat: no-repeat;
  background-position: 20% 0%;
}

.pics ._element-5 {
  top: -339px;
  left: 10.0487804878%;
  z-index: 10;
  background-image: url('../images/_MG_4878.JPG');
  background-repeat: no-repeat;
  background-position: 25% 0%;
}

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

  .blue .image {
    position: absolute;
    float: none;
    top: 22px;
    left: 3.7760416666%;
    width: 48px;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

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

  .button-pinterest {
    left: 47.16796875%;
    font-size: 2.286em;
  }

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

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

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

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

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

  .pics ._element {
    height: 340px;
  }

  .work-1 {
    height: 516px;
  }

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

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

  .pics ._element-2 {
    top: 131px;
    left: 55.9453658536%;
    width: 30.569105691%;
    border-style: none;
  }

  .pics ._element-3 {
    top: 131px;
    left: 10.0162601626%;
    width: 33.4308943089%;
  }

  .pics ._element-4 {
    top: -326px;
    left: 56.7154471544%;
    width: 32.9105691056%;
  }

  .pics ._element-5 {
    top: -326px;
    left: 10.0162601626%;
    width: 33.4308943089%;
  }
}

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

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

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

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

  .button-pinterest {
    top: 1915px;
    left: 42.4%;
    width: 10.4%;
    height: 38px;
  }

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

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

  .pics ._element {
    left: 23.7333333333%;
    height: 272px;
  }

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

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

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

  .pics ._element-2 {
    top: 746px;
    width: 54.4%;
  }

  .pics ._element-3 {
    top: 371px;
    width: 54.6666666666%;
  }

  .pics ._element-4 {
    top: -32px;
    width: 54.4%;
  }

  .pics ._element-5 {
    top: -426px;
    width: 52.2666666666%;
  }
}

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

  .blue {
    height: 62px;
  }

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

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

  .blue2 .image {
    top: 34px;
    left: 42.4%;
    height: auto;
  }

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

  .button-pinterest {
    top: 1742px;
    left: 44%;
  }

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

  .work {
    top: 80px;
  }

  .work .work {
    top: 29px;
  }

  .blue ._text {
    top: 21px;
  }

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

  .work-1 {
    height: 79px;
  }

  .blue ._text-2 {
    left: 69.6%;
    width: 6.7968749999%;
  }

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

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

  .pics ._element-3 {
    top: -62px;
    left: 16.875%;
    width: 69.375%;
    height: 297px;
  }

  .pics ._element-4 {
    top: -422px;
    left: 16.875%;
    width: 69.0625%;
    height: 295px;
  }

  .pics ._element-5 {
    top: -758px;
    left: 16.7625%;
    width: 69.375%;
  }
}