body {
  min-width: none;
  height: 100%;
  min-height: nonepx;
  background: url('../images/macaco_r.jpg') rgb(255, 255, 255);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  font: 400 1em/1.38 'Noto Sans';
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image {
  display: block;
  float: left;
  width: 68px;
  min-width: none;
  height: auto;
  min-height: nonepx;
  margin: 36px 0 0 2.75%;
  overflow: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.text {
  position: absolute;
  top: 60px;
  min-width: none;
  height: 25px;
  min-height: 25px;
  background-color: rgba(0, 0, 0, 0);
  font-style: normal;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.text:hover {
  color: #878787;
}

.text:active {
  text-decoration: underline;
}

.text-1 {
  left: 79.4%;
  z-index: 2;
  width: 5.4%;
}

.text-1:hover {
  font-weight: 300;
}

.text-2 {
  left: 92.9351562499%;
  z-index: 1;
  width: 2.8125%;
}

.text-3 {
  left: 87.55%;
  z-index: 0;
  width: 2.60390625%;
}

@media(max-width: 1920px) {
  .image {
    width: 63px;
    height: auto;
    margin-top: 38px;
    margin-left: 3.02002%;
  }

  .text {
    top: 57px;
    left: auto;
  }

  .text-1 {
    right: 20.8854166666%;
    width: 6.1979166666%;
  }

  .text-2 {
    right: 7.0833333333%;
    width: 3.5416666666%;
  }

  .text-3 {
    right: 13.9583333333%;
    width: 3.5937499999%;
  }
}

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

  .image {
    width: 54px;
    height: auto;
    margin-top: 33px;
    margin-left: 10%;
  }

  .text-1 {
    right: 15.4375%;
    width: 6.375%;
  }

  .text-2 {
    right: 3.4895833333%;
    width: 3.5%;
  }

  .text-3 {
    right: 9.5%;
    width: 3.375%;
  }
}

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

  .text-1 {
    right: 15.4615384615%;
    width: 9.3076923076%;
  }

  .text-2 {
    width: 4.2307692307%;
  }

  .text-3 {
    right: 9.7692307692%;
    width: 3.6923076923%;
  }
}

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

  .image {
    height: auto;
  }

  .text-1 {
    right: 21.3%;
    width: 10.2999999999%;
  }

  .text-2 {
    width: 6%;
  }

  .text-3 {
    right: 12.8%;
    width: 5.2%;
  }
}

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

  .text-1 {
    right: 25.798828125%;
    width: 13.125%;
  }

  .text-2 {
    width: 6.875%;
  }

  .text-3 {
    width: 8%;
  }
}

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

  .image {
    width: 63px;
    height: auto;
    margin-top: 30px;
  }

  .text {
    top: 50px;
  }

  .text-1 {
    right: 41.5%;
    width: 17%;
  }

  .text-2 {
    right: 10%;
    width: 10.3333333333%;
  }

  .text-3 {
    right: 24.8307291666%;
    width: 12.2916666666%;
  }
}

@media(max-width: 480px) {
  .image {
    position: absolute;
    float: none;
    top: 30px;
    left: 0;
    right: 0;
    height: auto;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .text {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .text-1 {
    top: 130px;
    width: 21.4583333333%;
  }

  .text-2 {
    top: 171px;
    width: 12.0833333333%;
  }

  .text-3 {
    top: 211px;
  }
}

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

  .image {
    top: 23px;
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .text {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .text-1 {
    top: 126px;
    width: 34.6875%;
  }

  .text-2 {
    top: 208px;
    width: 20.3125%;
  }

  .text-3 {
    top: 167px;
    width: 19.0625%;
  }
}