body {
  background-color: rgb(255, 255, 255);
  font: 300 1em/1.38 'Open Sans';
  color: rgba(255, 255, 255, 0.86);
}

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

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

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

.ifyouneedasounds {
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 100%;
  height: 59px;
  margin-top: -3356px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0);
  font-size: 2.5em;
  text-align: center;
  color: rgba(255, 255, 255, 0.77);
}

.image {
  display: block;
  float: left;
  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);
}

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

.logo_to_toplink .image {
  width: 175px;
}

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

.text {
  position: relative;
  float: left;
  margin-left: 10.03125%;
  font-size: 1em;
  text-align: center;
}

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

._container {
  height: 40px;
}

._element {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 3565px;
  background-color: rgb(0, 0, 0);
}

.container-2 {
  width: 96.1943532501%;
  margin-left: 0.50391%;
}

.image-2 {
  position: relative;
  z-index: 2;
  width: 467px;
  margin: -3149px 0 0 50.83203%;
}

.image-3 {
  position: relative;
  z-index: 3;
  width: 467px;
  margin: -2229px 0 0 50.83203%;
}

.image-4 {
  position: relative;
  z-index: 6;
  width: 470px;
  margin: -1282px 0 0 50.83203%;
}

.image-5 {
  position: relative;
  z-index: 8;
  width: 467px;
  margin: -456px 0 0 50.83203%;
}

.text-1 {
  z-index: 4;
  width: 39.1666666666%;
  margin-top: -2859px;
  color: rgba(255, 255, 255, 0.79);
}

.text-2 {
  z-index: 5;
  width: 38.75%;
  margin-top: -1979px;
  color: rgba(255, 255, 255, 0.86);
}

.text-3 {
  z-index: 7;
  width: 38.75%;
  margin-top: -1049px;
  color: rgba(255, 255, 255, 0.86);
}

.text-4 {
  z-index: 9;
  width: 38.75%;
  margin-top: -308px;
  color: rgba(255, 255, 255, 0.86);
}

._container-1 {
  position: relative;
  float: left;
  z-index: 12;
  width: 100%;
  background-color: rgb(0, 0, 0);
}

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

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

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

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

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

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

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

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

  .ifyouneedasounds {
    position: relative;
    z-index: 1;
    margin-top: -3859px;
    font-size: 1.813em;
  }

  .image {
    height: auto;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .text {
    position: relative;
  }

  ._element {
    position: relative;
    z-index: 0;
    height: 4068px;
  }

  .container ._button {
    font-size: 0.875em;
  }

  .image-2 {
    position: relative;
    z-index: 2;
    width: 79.9479166666%;
    margin-top: -3719px;
    margin-left: 10.02401%;
  }

  .image-3 {
    position: relative;
    z-index: 3;
    width: 79.9479166666%;
    margin-top: -2618px;
    margin-left: 10.02401%;
  }

  .image-4 {
    position: relative;
    z-index: 6;
    width: 79.6875%;
    margin-top: -1483px;
    margin-left: 10.02401%;
  }

  .image-5 {
    position: relative;
    z-index: 8;
    width: 79.6875%;
    margin-top: -550px;
    margin-left: 10.02401%;
  }

  .text-1 {
    z-index: 4;
    width: 78.90625%;
    margin-top: -2760px;
    margin-left: 10.02401%;
  }

  .text-2 {
    z-index: 5;
    width: 80.7291666666%;
    margin-top: -1628px;
    margin-left: 9.99756%;
  }

  .text-3 {
    z-index: 7;
    width: 80.078125%;
    margin-top: -656px;
    margin-left: 9.99756%;
  }

  .text-4 {
    z-index: 9;
    width: 80.078125%;
    margin-top: -88px;
    margin-left: 10.02401%;
  }

  ._container .container-2 {
    margin-left: 0.50049%;
  }

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

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

  .header .about_button {
    position: relative;
    z-index: 13;
    margin-left: 4.875%;
    font-size: 0.75em;
  }

  .header .contant_button {
    margin-left: 7.34028%;
    font-size: 0.75em;
  }

  .header .drawing_button {
    margin-left: 8.53125%;
    font-size: 0.75em;
  }

  .header .label_button {
    margin-left: 9.14931%;
    font-size: 0.75em;
  }

  .header .music_button {
    margin-left: 8.10417%;
    font-size: 0.75em;
  }

  .header .news_button {
    margin-left: 7.79514%;
    font-size: 0.75em;
  }

  .header .release_button {
    margin-left: 8.17014%;
    font-size: 0.75em;
  }

  .ifyouneedasounds {
    position: relative;
    z-index: 1;
    margin-top: -3052px;
    font-size: 1.563em;
  }

  .image {
    height: auto;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .text {
    position: relative;
  }

  ._element {
    position: relative;
    z-index: 0;
    height: 3236px;
  }

  .container ._button {
    width: 92.1777424827%;
    margin-right: 0.05776%;
  }

  .image-2 {
    position: relative;
    z-index: 2;
    margin-top: -2887px;
    margin-left: 10.01389%;
  }

  .image-3 {
    position: relative;
    z-index: 3;
    margin-top: -2090px;
    margin-left: 10.01389%;
  }

  .image-4 {
    position: relative;
    z-index: 6;
    margin-top: -1281px;
    margin-left: 10.01389%;
  }

  .image-5 {
    position: relative;
    z-index: 8;
    margin-top: -539px;
    margin-left: 10.01389%;
  }

  .text-1 {
    z-index: 4;
    margin-top: -2290px;
    margin-left: 9.99653%;
  }

  .text-2 {
    z-index: 5;
    margin-top: -1504px;
    margin-left: 10.01389%;
  }

  .text-3 {
    z-index: 7;
    margin-top: -787px;
    margin-left: 8.82639%;
  }

  .text-4 {
    z-index: 9;
    margin-top: -236px;
    margin-left: 10.68403%;
  }

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

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

@media(max-width: 375px) {
  .header .about_button {
    position: relative;
    z-index: 13;
    margin-left: 4.84167%;
  }

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

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

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

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

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

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

  .ifyouneedasounds {
    position: relative;
    z-index: 1;
    margin-top: -2653px;
  }

  .image {
    height: auto;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .text {
    position: relative;
  }

  ._element {
    position: relative;
    z-index: 0;
    height: 2837px;
  }

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

  .image-2 {
    position: relative;
    z-index: 2;
    margin-top: -2488px;
    margin-left: 10.0125%;
  }

  .image-3 {
    position: relative;
    z-index: 3;
    margin-top: -1691px;
    margin-left: 10.0125%;
  }

  .image-4 {
    position: relative;
    z-index: 6;
    margin-top: -932px;
    margin-left: 10.0125%;
  }

  .image-5 {
    position: relative;
    z-index: 8;
    margin-top: -345px;
    margin-left: 10%;
  }

  .text-1 {
    z-index: 4;
    margin-top: -2011px;
    margin-left: 10%;
  }

  .text-2 {
    z-index: 5;
    margin-top: -1220px;
    margin-left: 10.6791699999%;
  }

  .text-3 {
    z-index: 7;
    margin-top: -537px;
    margin-left: 10%;
  }

  .text-4 {
    z-index: 9;
    margin-top: -117px;
    margin-left: 10%;
  }

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

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

  .header .about_button {
    position: relative;
    z-index: 13;
    margin-left: 4.84375%;
  }

  .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%;
  }

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

  .ifyouneedasounds {
    position: relative;
    z-index: 1;
    margin-top: -1884px;
    font-size: 1.375em;
  }

  .image {
    height: auto;
  }

  .logo_to_toplink .image {
    height: auto;
  }

  .text {
    position: relative;
  }

  ._element {
    position: relative;
    z-index: 0;
    height: 2036px;
  }

  .container ._button {
    margin-right: 0.05584%;
    font-size: 0.75em;
  }

  .image-2 {
    position: relative;
    z-index: 2;
    margin-top: -1793px;
    margin-left: 10%;
  }

  .image-3 {
    position: relative;
    z-index: 3;
    margin-top: -1242px;
    margin-left: 10%;
  }

  .image-4 {
    position: relative;
    z-index: 6;
    margin-top: -745px;
    margin-left: 10.00977%;
  }

  .image-5 {
    position: relative;
    z-index: 8;
    margin-top: -307px;
  }

  .text-1 {
    z-index: 4;
    margin-top: -1384px;
    margin-left: 10.6591799999%;
  }

  .text-2 {
    z-index: 5;
    margin-top: -832px;
    margin-left: 10.63965%;
  }

  .text-3 {
    z-index: 7;
    margin-top: -407px;
  }

  .text-4 {
    z-index: 9;
    margin-top: -120px;
  }

  ._container .container-2 {
    margin-left: 0.49805%;
  }

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