body {
  background-color: rgb(255, 255, 255);
  font: 300 1em/1.38 Lato;
  color: rgb(255, 255, 255);
}

.about_button {
  display: block;
  float: left;
  width: 5.1184895833%;
  height: 27px;
  margin: 23px 0 0 35.6367199999%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.about_button:hover {
  color: rgb(255, 255, 255);
}

.container {
  float: left;
  width: 96.1943532501%;
  height: 40px;
  margin-left: 0.50391%;
}

.contant_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.8112%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.drawing_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.83724%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.element {
  display: block;
  float: right;
  clear: both;
  width: 25.5212677231%;
  height: 175px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
  background-color: rgba(222, 222, 222, 0);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 17;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.17);
}

.image {
  display: block;
  float: left;
  width: 175px;
  height: auto;
  overflow: hidden;
}

.label_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.76823%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.labels {
  position: relative;
  float: left;
  z-index: 7;
  width: 99.9166666666%;
  height: 948px;
}

.labes {
  float: left;
  margin: 88px 0 0 9.92494%;
  font-family: 'Open Sans';
  font-size: 3.438em;
  color: rgba(146, 146, 146, 0.81);
}

.logo_to_toplink {
  display: block;
  float: left;
  width: 15.1666666666%;
  height: 50px;
}

.music_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.74349%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.news_button {
  display: block;
  float: left;
  width: 5.1666666666%;
  height: 27px;
  margin: 23px 0 0 0.81771%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

.release_button {
  display: block;
  float: left;
  width: 6.8333333333%;
  height: 27px;
  margin: 23px 0 0 0.82292%;
  border-radius: 3px;
  font: 700 1em/1.18 Arial;
  text-align: center;
  color: rgb(255, 255, 255);
}

._button {
  display: block;
  float: right;
  width: 55.6167684123%;
  height: 29px;
  margin-top: 7px;
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-size: 1em;
  text-align: right;
  color: rgb(255, 255, 255);
}

.element-1 {
  position: relative;
  z-index: 4;
  margin: 201px 69.5723% 0 0;
  background-image: url('../images/aniaralogo.png');
}

.element-2 {
  margin: -175px 37.28107% 0 0;
  background-image: url('../images/dep(2).png');
}

.element-3 {
  margin: -175px 4.81912% 0 0;
  background-image: url('../images/panlogo.png');
}

._container-1 {
  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  width: 100%;
  height: 40px;
  background-color: rgb(0, 0, 0);
}

@media(max-width: 800px) {
  .header {
    height: 97px;
  }

  .header .about_button {
    position: relative;
    clear: both;
    z-index: 8;
    margin-top: 20px;
    margin-left: 4.88086%;
  }

  .header .contant_button {
    margin-top: 20px;
    margin-left: 7.3418%;
  }

  .header .drawing_button {
    margin-top: 20px;
    margin-left: 8.54102%;
  }

  .header .label_button {
    margin-top: 20px;
    margin-left: 9.14844%;
  }

  .header .music_button {
    margin-top: 20px;
    margin-left: 8.10547%;
  }

  .header .news_button {
    margin-top: 20px;
    margin-left: 7.79883%;
  }

  .header .release_button {
    margin-top: 20px;
    margin-left: 8.17383%;
  }

  .labels {
    position: relative;
    z-index: 7;
    width: 99.875%;
    height: 709px;
  }

  .labels .labes {
    margin-left: 9.91865%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .labels .element-1 {
    position: relative;
    z-index: 4;
    margin-top: 78px;
    margin-right: 69.65152%;
  }

  .labels .element-2 {
    margin-right: 37.36311%;
  }

  .labels .element-3 {
    margin-right: 4.89675%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}

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

  .header .about_button {
    position: relative;
    z-index: 8;
    margin-left: 4.875%;
    font-size: 12px;
  }

  .header .contant_button {
    margin-left: 7.34028%;
    font-size: 12px;
  }

  .header .drawing_button {
    margin-left: 8.53125%;
    font-size: 12px;
  }

  .header .label_button {
    margin-left: 9.14931%;
    font-size: 12px;
  }

  .header .music_button {
    margin-left: 8.10417%;
    font-size: 12px;
  }

  .header .news_button {
    margin-left: 7.79514%;
    font-size: 12px;
  }

  .header .release_button {
    margin-left: 8.17014%;
    font-size: 12px;
  }

  .labels {
    position: relative;
    z-index: 7;
    width: 99.7777777777%;
    height: 868px;
  }

  .labels .labes {
    margin-top: 113px;
    margin-left: 9.8935099999%;
    font-size: 4.583em;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .container ._button {
    width: 90.0985452839%;
    margin-right: 0.06137%;
    font-size: 12px;
  }

  .labels .element-1 {
    position: relative;
    z-index: 4;
    width: 79.8443147067%;
    margin-top: 30px;
    margin-right: 10.22759%;
  }

  .labels .element-2 {
    width: 79.6219071448%;
    margin-top: 0;
    margin-right: 10.45031%;
  }

  .labels .element-3 {
    width: 80.0667222685%;
    margin-top: 18px;
    margin-right: 9.97007%;
  }

  ._container .container-1 {
    margin-left: 0.5%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}

@media(max-width: 360px) {
  .header .about_button {
    position: relative;
    z-index: 8;
    margin-left: 4.84375%;
  }

  .header .contant_button {
    margin-left: 7.33507%;
  }

  .header .drawing_button {
    margin-left: 8.53299%;
  }

  .header .label_button {
    margin-left: 9.14497%;
  }

  .header .music_button {
    margin-left: 8.09896%;
  }

  .header .news_button {
    margin-left: 7.7908%;
  }

  .header .release_button {
    margin-left: 8.125%;
  }

  .labels {
    position: relative;
    z-index: 7;
    width: 99.7222222222%;
    height: 929px;
  }

  .labels .labes {
    margin-top: 111px;
    margin-left: 9.9234%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .container ._button {
    margin-right: 0.05866%;
  }

  .labels .element-1 {
    position: relative;
    z-index: 4;
    margin-top: 76px;
    margin-right: 10.20195%;
  }

  .labels .element-2 {
    margin-right: 10.44133%;
  }

  .labels .element-3 {
    margin-right: 9.99304%;
  }

  ._container .container-1 {
    margin-left: 0.46875%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}

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

  .header .about_button {
    position: relative;
    z-index: 8;
  }

  .header .contant_button {
    margin-left: 7.33887%;
  }

  .header .drawing_button {
    margin-left: 8.53516%;
  }

  .header .label_button {
    margin-left: 9.14551%;
  }

  .header .music_button {
    margin-left: 8.10059%;
  }

  .header .news_button {
    margin-left: 7.79297%;
  }

  .labels {
    position: relative;
    z-index: 7;
    width: 99.6875%;
    height: 985px;
  }

  .labels .labes {
    margin-top: 112px;
    margin-left: 9.93339%;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .container ._button {
    margin-right: 0.05584%;
  }

  .labels .element-1 {
    position: relative;
    z-index: 4;
    margin-top: 126px;
    margin-right: 10.11462%;
  }

  .labels .element-2 {
    margin-right: 10.34483%;
  }

  .labels .element-3 {
    margin-right: 9.904%;
  }

  ._container .container-1 {
    margin-left: 0.50293%;
  }

  ._container-1 {
    position: relative;
    z-index: 2;
  }
}