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

.about {
  position: absolute;
  top: 1112px;
  left: 0;
  z-index: 21;
  width: 99.90234375%;
  height: 387px;
}

.about .image {
  top: 142px;
  left: 16.8163489736%;
  z-index: 19;
  width: 245px;
}

.about2 {
  position: absolute;
  top: 142px;
  left: 47.1911656891%;
  z-index: 20;
  width: 39.1984359726%;
  min-height: 203px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

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

.about3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 18;
  width: 100%;
  min-height: 73px;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.back {
  position: absolute;
  top: 0;
  left: -0.0487804879%;
  z-index: 8;
  width: 99.8048780487%;
  height: 135px;
}

.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: 25;
  width: 100%;
  height: 101px;
  background-color: rgb(23, 163, 152);
}

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

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

.discover {
  position: absolute;
  top: 135px;
  left: 0;
  z-index: 6;
  width: 100%;
  min-height: 65px;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.gd {
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 100%;
  min-height: 65px;
  margin-top: 11px;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.greet {
  float: left;
  width: 100%;
  min-height: 66px;
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

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

.line2 {
  position: absolute;
  top: 86px;
  width: 0.0975609756%;
  height: 23px;
  background-color: rgb(249, 198, 180);
}

.line3 {
  position: absolute;
  top: 98px;
  left: 75.2652439024%;
  z-index: 14;
  width: 24.731707317%;
  height: 2px;
  background-color: rgb(249, 198, 180);
}

.line4 {
  position: relative;
  float: left;
  z-index: 13;
  width: 24.731707317%;
  height: 2px;
  margin: 96px 0 0 0.09604%;
  background-color: rgb(249, 198, 180);
}

.name {
  position: absolute;
  top: 232px;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 200px;
}

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

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

.touch {
  position: absolute;
  top: 1450px;
  left: 47.265625%;
  z-index: 31;
  width: 14.6484375%;
  min-height: 49px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(23, 163, 152);
}

.work {
  position: absolute;
  top: 542px;
  left: -0.09765625%;
  z-index: 17;
  width: 100.09765625%;
  height: 135px;
}

._element {
  display: block;
  position: absolute;
  top: 0;
  height: 207px;
  background-size: cover;
  background-position: left top;
  background-color: rgb(222, 222, 222);
}

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

.work ._text {
  color: rgb(0, 0, 0);
}

.line2-1 {
  left: 42.4561951219%;
  z-index: 16;
}

.line2-2 {
  left: 56.0429268292%;
  z-index: 15;
}

._text-1 {
  top: 1445px;
  left: 46.2904296875%;
  z-index: 32;
  width: 17.3095703125%;
  height: 44px;
  border-radius: 3px;
  font-size: 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0);
}

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

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

.pics ._element-1 {
  left: 66.731707317%;
  z-index: 28;
  width: 33.2682926829%;
  background-image: url('../images/Page%201.png');
  background-repeat: no-repeat;
}

.pics ._element-2 {
  left: 33.4634146341%;
  z-index: 27;
  width: 33.2682926829%;
  background-image: url('../images/pixelFINAL(3).png');
}

.pics ._element-3 {
  left: 0;
  z-index: 26;
  width: 33.4634146341%;
  background-image: url('../images/contentmap%20FINAL%20copy.jpg');
}

.work ._text-3 {
  top: 86px;
  left: 64.3292682926%;
  z-index: 12;
  width: 9.2759146341%;
  min-height: 25px;
  font-size: 1em;
}

.work ._text-4 {
  top: 86px;
  left: 47.4603658536%;
  z-index: 11;
  width: 9.2759146341%;
  min-height: 25px;
  font-size: 1em;
}

.work ._text-5 {
  top: 86px;
  left: 28.6722560975%;
  z-index: 10;
  width: 9.2759146341%;
  min-height: 25px;
  font-size: 1em;
}

.work ._text-6 {
  top: 14px;
  left: 0;
  z-index: 9;
  width: 99.9024390243%;
  min-height: 33px;
  font-size: 1.375em;
  text-align: center;
}

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

  .about {
    top: 841px;
    height: 416px;
  }

  .about .about2 {
    left: 50.8308895405%;
    width: 39.2310198761%;
    font-size: 14px;
  }

  .about .about3 {
    top: 30px;
    width: 99.90234375%;
    font-size: 1.429em;
  }

  .about .image {
    left: 16.8164222873%;
    width: 183px;
    height: auto;
  }

  .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: 1304px;
    left: 47.1684082031%;
    width: 3.6315917968%;
    margin-top: 0;
    margin-left: 0;
    font-size: 1.143em;
  }

  .name {
    top: 191px;
    height: 238px;
  }

  .name .discover {
    top: 108px;
    font-size: 1em;
  }

  .name .gd {
    position: absolute;
    float: none;
    clear: none;
    top: 57px;
    margin-top: 0;
    font-size: 1em;
  }

  .name .greet {
    position: absolute;
    float: none;
    font-size: 1.857em;
  }

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

  .touch {
    top: 1177px;
    left: 50.78125%;
    width: 18.75%;
    font-size: 14px;
  }

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

  .work .back {
    width: 97.366751269%;
  }

  .work .line2 {
    top: 562px;
  }

  .work .line3 {
    top: 567px;
    left: 75.2685546875%;
    width: 17.0666666666%;
    height: 1px;
  }

  .work .line4 {
    position: absolute;
    float: none;
    top: 567px;
    left: -0.0935872396%;
    width: 24.7314453125%;
    height: 1px;
    margin-top: 0;
    margin-left: 0;
  }

  ._text {
    top: 1166px;
    left: 50.78125%;
    font-size: 1.143em;
  }

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

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

  .work .line2-1 {
    left: 37.4593098958%;
    width: 0.2666666666%;
  }

  .work .line2-2 {
    left: 57.6%;
  }

  ._text-1 {
    width: 21.875%;
  }

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

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

  .pics ._element-1,
  .pics ._element-2 {
    width: 33.2574772431%;
  }

  .pics ._element-3 {
    width: 33.4525357607%;
  }

  .work ._text-3 {
    top: 562px;
    left: 61.8835449218%;
    width: 11.550742746%;
    font-size: 0.929em;
  }

  .work ._text-4 {
    top: 562px;
    left: 45.8089192708%;
    width: 8.3399428934%;
    font-size: 0.929em;
  }

  .work ._text-5 {
    top: 562px;
    left: 28.7760416666%;
    width: 4.9479166666%;
    font-size: 0.929em;
  }

  .work ._text-6 {
    top: 484px;
    left: -0.095177665%;
    width: 97.4024428934%;
    font-size: 1.429em;
  }
}

@media(max-width: 375px) {
  .about {
    top: 1164px;
  }

  .about .about2 {
    top: 310px;
    left: 25.8925592258%;
    width: 48.8488488488%;
    text-align: center;
  }

  .about .image {
    top: 98px;
    left: 25.8883883883%;
    height: auto;
  }

  .blue .image {
    height: auto;
  }

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

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

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

  .button-pinterest {
    top: 1916px;
    left: 49.2%;
    width: 9.0666666666%;
  }

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

  .touch {
    top: 1779px;
    left: 23.5999999999%;
    width: 52%;
    text-align: center;
  }

  .work {
    top: -133px;
    left: 0.0958333333%;
  }

  .work .line2 {
    top: 560px;
  }

  .work .line3 {
    left: 83.1041666666%;
  }

  .work .line4 {
    left: -0.0958333334%;
    width: 20.8%;
  }

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

  .pics ._element {
    left: 29.571660492%;
    width: 40.7609374349%;
  }

  .work .line2-1 {
    left: 35.5041666666%;
  }

  .work .line2-2 {
    left: 56.1708333333%;
  }

  ._text-1 {
    top: 1768px;
    left: 30.2666666666%;
    width: 44%;
  }

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

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

  .pics ._element-1 {
    top: 182px;
  }

  .pics ._element-2 {
    top: -25px;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .pics ._element-3 {
    top: -226px;
  }

  .work ._text-3 {
    top: 560px;
    left: 59.7708333333%;
    width: 21.6%;
  }

  .work ._text-4 {
    top: 560px;
    left: 40.1666666666%;
    width: 12%;
  }

  .work ._text-5 {
    top: 560px;
    left: 23.5041666666%;
    width: 8.5333333333%;
  }
}

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

  .about {
    width: 130.322265625%;
    height: 768px;
  }

  .about .about2 {
    top: 182px;
    left: 16.7853128512%;
    width: 41.7234919445%;
  }

  .about .about3 {
    top: -73px;
    width: 76.4802631578%;
  }

  .about .image {
    top: -13px;
    left: 16.7853128512%;
    width: 174px;
    height: auto;
  }

  .blue {
    height: 62px;
  }

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

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

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

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

  .button-pinterest {
    top: 1739px;
    width: 10.9375%;
    height: 38px;
  }

  .name {
    top: 100px;
  }

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

  .touch {
    top: 1661px;
    left: 23.6%;
  }

  .work {
    top: 167px;
    left: 6.875%;
    width: 128.125%;
    height: 278px;
  }

  .work .back {
    top: 13px;
    left: -5.3658536586%;
    width: 77.7828467153%;
  }

  .work .line2 {
    top: 187px;
    width: 0.243902439%;
  }

  .work .line3 {
    top: 196px;
    left: 64.8780487804%;
    width: 7.8048780487%;
  }

  .work .line4 {
    top: 195px;
    left: -5.3658536586%;
    width: 11.9512195121%;
  }

  ._text {
    top: 1654px;
    left: 28.271484375%;
  }

  .blue ._text {
    top: 21px;
  }

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

  .work .line2-1 {
    left: 19.0243902439%;
  }

  .work .line2-2 {
    left: 39.5083841463%;
  }

  .blue ._text-7 {
    left: 69.6875%;
    width: 10.9375%;
  }

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

  .pics ._element-1 {
    top: -109px;
    left: 30.3124999999%;
    width: 45.3125%;
  }

  .pics ._element-2 {
    top: -316px;
    left: 30.3124999999%;
    width: 45.3125%;
  }

  .pics ._element-3 {
    top: -523px;
    left: 28.125%;
    width: 47.5%;
  }

  .work ._text-3 {
    top: 187px;
    left: 44.8975609756%;
    width: 4.6608880778%;
  }

  .work ._text-4 {
    top: 187px;
    left: 23.6682926829%;
    width: 19.5121951219%;
  }

  .work ._text-5 {
    top: 187px;
    left: 8.3928353658%;
    width: 4.6608880778%;
  }

  .work ._text-6 {
    top: 140px;
    left: -5.3658536586%;
    width: 77.7980535279%;
  }
}