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: 1650px;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 101px;
  background-color: rgb(23, 163, 152);
}

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

.button-pinterest {
  display: block;
  position: absolute;
  top: 1690px;
  left: 46.6583251953%;
  z-index: 11;
  width: 3.6315917968%;
  height: 31px;
  border-radius: 3px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.color {
  position: absolute;
  top: 707px;
  left: 3.0227661132%;
  z-index: 15;
  width: 79.58984375%;
  height: 523px;
  background: url('../images/Project%202%20Color%20Final.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: left top;
}

.cork1 {
  position: absolute;
  top: 532px;
  left: 21.97265625%;
  z-index: 14;
  width: 56.0546875%;
  min-height: 109px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.cork1 p,
.cork2 p {
  margin-bottom: 1em;
}

.cork2 {
  position: absolute;
  top: 1225px;
  left: 21.97265625%;
  z-index: 16;
  width: 56.0546875%;
  min-height: 169px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

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

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

.reduct {
  position: absolute;
  top: 338px;
  left: 9.9609375%;
  z-index: 13;
  width: 79.98046875%;
  height: 159px;
  background: url('../images/Project%201%20Final.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

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

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

._text-1 {
  top: 1514px;
  left: 9.9609375%;
  z-index: 17;
  width: 79.98046875%;
  min-height: 38px;
  font-size: 1em;
  text-align: center;
  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: 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.438em;
  }

  .button-pinterest {
    top: 1305px;
    left: 47.1684082031%;
  }

  .color {
    top: 628px;
    left: 0.9114583333%;
    width: 89.0625%;
    height: 486px;
  }

  .cork1 {
    top: 445px;
  }

  .cork2 {
    top: 1034px;
    left: 23.6%;
  }

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

  .reduct {
    top: 252px;
    left: 10.0260416666%;
    width: 79.9479166666%;
    height: 149px;
  }

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

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

  ._text {
    top: 1215px;
    left: 10.0260416666%;
  }

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

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

  .work-1 {
    height: 516px;
  }

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

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

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

  .blue .image {
    height: auto;
  }

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

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

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

  .button-pinterest {
    top: 1418px;
    left: 44%;
    width: 8.5333333333%;
  }

  .color {
    top: 641px;
    left: 1.6%;
    width: 88.5333333333%;
    height: 237px;
  }

  .cork1 {
    top: 373px;
    left: 22%;
  }

  .cork2 {
    top: 936px;
    left: 22.8%;
  }

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

  .reduct {
    top: 258px;
    left: 10%;
    width: 80%;
    height: 58px;
  }

  ._text {
    left: 10%;
  }

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

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

  ._text-1 {
    top: 1246px;
  }

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

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

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

  .button-pinterest {
    top: 1309px;
  }

  .color {
    top: 604px;
    left: 1.875%;
    width: 88.125%;
    height: 202px;
  }

  .cork1 {
    top: 317px;
    left: 23.75%;
    width: 53.75%;
  }

  .cork2 {
    top: 842px;
    left: 22%;
  }

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

  .reduct {
    top: 227px;
    height: 49px;
  }

  .work {
    top: 80px;
  }

  .work .work {
    top: 29px;
  }

  ._text {
    top: 1162px;
  }

  .blue ._text {
    top: 21px;
  }

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

  .work-1 {
    height: 79px;
  }

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

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