body {
  min-width: none;
  min-height: nonepx;
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.38 'Trebuchet MS';
  color: rgb(16, 2, 37);
  -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;
}

.button {
  display: block;
  min-width: 250px;
  max-width: 250px;
  height: 85px;
  min-height: 85px;
  max-height: 85px;
  margin: 0 auto;
  padding-bottom: 20px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 10px;
  background: rgb(133, 50, 199);
  background: url('../images/sonicactive_logo_hi_res_trimmed.png'), -webkit-linear-gradient(270deg, rgb(133, 50, 199) 0%, rgb(133, 50, 199) 100%) rgb(222, 222, 222);
  background: url('../images/sonicactive_logo_hi_res_trimmed.png'),    -moz-linear-gradient(270deg, rgb(133, 50, 199) 0%, rgb(133, 50, 199) 100%) rgb(222, 222, 222);
  background: url('../images/sonicactive_logo_hi_res_trimmed.png'),      -o-linear-gradient(270deg, rgb(133, 50, 199) 0%, rgb(133, 50, 199) 100%) rgb(222, 222, 222);
  background: url('../images/sonicactive_logo_hi_res_trimmed.png'),     -ms-linear-gradient(270deg, rgb(133, 50, 199) 0%, rgb(133, 50, 199) 100%) rgb(222, 222, 222);
  background: url('../images/sonicactive_logo_hi_res_trimmed.png'),         linear-gradient(180deg, rgb(133, 50, 199) 0%, rgb(133, 50, 199) 100%) rgb(222, 222, 222);
  background-repeat: no-repeat, repeat;
  background-size: cover, 100% 100%;
  background-position: center center, 0% 0%;
  background-attachment: scroll, scroll;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(16, 2, 37);
}

.button-about {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 52.6152252718%;
  z-index: 14;
  min-width: 75px;
  max-width: 75px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-radius: 3px 3px 10px 10px;
  background: url('../images/cool.png') rgb(236, 122, 0);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center center;
  font: 400 1em/1.38 Helvetica;
  text-align: center;
  color: rgb(0, 0, 0);
}

.button-about:active {
  background-color: rgb(37, 7, 82);
}

.button-directors {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 31.4862765406%;
  z-index: 12;
  min-width: 75px;
  max-width: 75px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-right: 1px dotted rgb(158, 102, 242);
  border-bottom: 1px dotted rgb(158, 102, 242);
  border-left: 1px dotted rgb(158, 102, 242);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url('../images/video-camera.png') rgb(37, 7, 82);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  font: 400 1em/1.38 Helvetica;
  text-align: center;
  color: rgb(0, 0, 0);
}

.button-directors:active {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-size: 32px 32px;
  background-color: rgb(236, 122, 0);
}

.button-home {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11.6519937856%;
  z-index: 11;
  min-width: 75px;
  max-width: 75px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-right: 1px dotted rgb(158, 102, 242);
  border-bottom: 1px dotted rgb(158, 102, 242);
  border-left: 1px dotted rgb(158, 102, 242);
  border-radius: 3px 3px 10px 10px;
  background: url('../images/home.png') rgb(37, 7, 82);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.button-about:hover,
.button-directors:hover,
.button-home:hover,
.button-producers:hover {
  background-color: rgb(91, 0, 94);
}

.button-home:active,
.button-music:active,
.button-producers:active {
  background-color: rgb(236, 122, 0);
}

.button-imdb {
  display: block;
  min-width: 140px;
  max-width: 140px;
  height: 68px;
  min-height: 68px;
  max-height: 68px;
  margin: 0 auto;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 10px;
  background: rgb(228, 186, 35);
  background: url('../images/IMBD-icon.png'), -webkit-linear-gradient(0deg, rgb(228, 186, 35) 15.714285714285714%, rgb(241, 218, 84) 38.095238095238095%, rgb(241, 218, 84) 50.71428571428571%, rgb(228, 186, 35) 76.42857142857142%) rgb(222, 222, 222);
  background: url('../images/IMBD-icon.png'),    -moz-linear-gradient(0deg, rgb(228, 186, 35) 15.714285714285714%, rgb(241, 218, 84) 38.095238095238095%, rgb(241, 218, 84) 50.71428571428571%, rgb(228, 186, 35) 76.42857142857142%) rgb(222, 222, 222);
  background: url('../images/IMBD-icon.png'),      -o-linear-gradient(0deg, rgb(228, 186, 35) 15.714285714285714%, rgb(241, 218, 84) 38.095238095238095%, rgb(241, 218, 84) 50.71428571428571%, rgb(228, 186, 35) 76.42857142857142%) rgb(222, 222, 222);
  background: url('../images/IMBD-icon.png'),     -ms-linear-gradient(0deg, rgb(228, 186, 35) 15.714285714285714%, rgb(241, 218, 84) 38.095238095238095%, rgb(241, 218, 84) 50.71428571428571%, rgb(228, 186, 35) 76.42857142857142%) rgb(222, 222, 222);
  background: url('../images/IMBD-icon.png'),         linear-gradient(450deg, rgb(228, 186, 35) 15.714285714285714%, rgb(241, 218, 84) 38.095238095238095%, rgb(241, 218, 84) 50.71428571428571%, rgb(228, 186, 35) 76.42857142857142%) rgb(222, 222, 222);
  background-repeat: no-repeat, repeat;
  background-size: contain, 100% 100%;
  background-position: center center, 0% 0%;
  background-attachment: scroll, scroll;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.button-music {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 63.1279129984%;
  z-index: 15;
  min-width: 75px;
  max-width: 75px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-right: 1px dotted rgb(158, 102, 242);
  border-bottom: 1px dotted rgb(158, 102, 242);
  border-left: 1px dotted rgb(158, 102, 242);
  border-radius: 3px 3px 10px 10px;
  background: url('../images/music.png') rgb(35, 6, 78);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.button-music:hover {
  background-color: rgb(111, 20, 123);
}

.button-producers {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 54.0652511651%;
  z-index: 13;
  min-width: 75px;
  max-width: 75px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-right: 1px dotted rgb(158, 102, 242);
  border-bottom: 1px dotted rgb(158, 102, 242);
  border-left: 1px dotted rgb(158, 102, 242);
  border-radius: 3px 3px 10px 10px;
  background: url('../images/clipboard.png') rgb(35, 6, 78);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center center;
  font: 400 1em/1.38 Helvetica;
  text-align: center;
  color: rgb(0, 0, 0);
}

.contact-container-about {
  position: relative;
  z-index: 9;
  width: 79.8666666666%;
  margin: 0 auto;
  padding-top: 20px;
}

.contactagent {
  display: block;
  float: left;
  width: 32.0534223706%;
  height: auto;
  margin-left: 9.9997399999%;
  overflow: hidden;
}

.contactdirect {
  display: block;
  float: right;
  width: 32.0534223706%;
  height: auto;
  margin-right: 9.9997399999%;
  overflow: hidden;
}

.container-about-text {
  position: relative;
  z-index: 6;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}

.footer-music {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 170px;
  margin: 0 auto;
  overflow: hidden;
}

.nav-bar {
  position: fixed;
  top: 0;
  left: -2%;
  z-index: 16;
  width: 128.7333333333%;
  height: 72px;
  background-image: -webkit-linear-gradient(270deg, rgb(38, 7, 84) 0%, rgb(16, 2, 37) 100%);
  background-image:    -moz-linear-gradient(270deg, rgb(38, 7, 84) 0%, rgb(16, 2, 37) 100%);
  background-image:      -o-linear-gradient(270deg, rgb(38, 7, 84) 0%, rgb(16, 2, 37) 100%);
  background-image:     -ms-linear-gradient(270deg, rgb(38, 7, 84) 0%, rgb(16, 2, 37) 100%);
  background-image:         linear-gradient(180deg, rgb(38, 7, 84) 0%, rgb(16, 2, 37) 100%);
  overflow: scroll;
}

.ntclogo {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  margin: 72px auto 0;
  overflow: hidden;
}

.studio-work-about {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.text-about {
  width: 67.9996744791%;
  min-height: 291px;
  margin: 10px auto 0;
  padding-bottom: 20px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(16, 2, 37);
}

.text-about2 {
  width: 68%;
  min-height: 63px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 20px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

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

.text-about a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(111, 20, 123);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text-about2 a,
.text-about2 span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(128, 55, 238);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text-about a:hover,
.text-about2 a:hover,
.text-about2 span:hover {
  color: rgb(236, 122, 0);
}

.text-about2 a:active,
.text-about2 span:active {
  color: rgb(37, 7, 82);
}

@media(max-width: 1350px) {
  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 9.99942%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 9.99942%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
    border-style: none;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    width: 128.7326388888%;
  }

  .nav-bar .button-about,
  .nav-bar .button-directors,
  .nav-bar .button-home,
  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 62.9459148446%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

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

  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 9.99865%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 9.99865%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    width: 127.1875%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    right: 51.6031457955%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    right: 30.034020034%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 62.371445856%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 54.688445251%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

@media(max-width: 1200px) {
  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    width: 32.1372091885%;
    height: auto;
    margin-left: 9.99886%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 9.99886%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .button {
    width: 27.1739130434%;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: 43.5779816513%;
    right: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    right: 29.9262899262%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 11.9891482391%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 62.2542595019%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 54.3905635648%;
    margin-top: auto;
    margin-bottom: auto;
    font-style: normal;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

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

  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 9.99922%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 9.99922%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .text-about {
    width: 68%;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: auto;
    right: 51.1006289308%;
    min-width: 70px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    right: 29.5884520884%;
    min-width: 70px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 11.6498771498%;
    min-width: 70px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 61.7924528301%;
    min-width: 70px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 54.1666666666%;
    min-width: 70px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

@media(max-width: 800px) {
  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 4.9962099999%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 4.9962099999%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .text-about {
    width: 70%;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: 42.8290766208%;
    right: auto;
    min-width: 65px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    left: 64.0909090909%;
    right: auto;
    min-width: 65px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 10.9075552825%;
    min-width: 65px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 61.3948919449%;
    min-width: 65px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 53.4381139489%;
    min-width: 65px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

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

  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 4.9997299999%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 4.9997299999%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    left: -1.9986979167%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: 42.6966292134%;
    min-width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    left: 63.8732888732%;
    min-width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 10.8599508599%;
    min-width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 61.2359550561%;
    min-width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 53.2584269662%;
    min-width: 60px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

@media(max-width: 640px) {
  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 4.99496%;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 4.99496%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .text-about,
  .container-about-text .text-about2 {
    width: 80%;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    left: -1.9995117188%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: 41.0020730958%;
    min-width: 55px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    left: 62.6140970515%;
    min-width: 55px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 10.4902487714%;
    min-width: 55px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 62.4377303439%;
    min-width: 55px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 51.8128839066%;
    min-width: 55px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

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

  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    min-width: 125px;
    height: auto;
    margin-left: 4.99481%;
  }

  .contact-container-about .contactdirect {
    min-width: 125px;
    height: auto;
    margin-right: 4.99481%;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .text-about,
  .container-about-text .text-about2 {
    text-align: center;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    left: -1.9993622449%;
    width: 134.4897959183%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: 38.3915022761%;
    min-width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    left: 59.4835925644%;
    min-width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 9.6476669195%;
    min-width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 64.4916540212%;
    min-width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 49.0136570561%;
    min-width: 50px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    width: 99.9968112244%;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

@media(max-width: 400px) {
  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent {
    height: auto;
    margin-left: 0;
  }

  .contact-container-about .contactdirect {
    height: auto;
    margin-right: 0;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
  }

  .container-about-text .text-about,
  .container-about-text .text-about2 {
    width: 100%;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    left: -2%;
    width: 134.48828125%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    left: auto;
    right: 57.8066914498%;
    min-width: 40px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    left: auto;
    right: 33.637340614%;
    min-width: 40px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 10.7806691449%;
    min-width: 40px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 69.7026022304%;
    min-width: 40px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 46.8401486988%;
    min-width: 40px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}

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

  .contact-container-about {
    position: relative;
    z-index: 9;
  }

  .contact-container-about .contactagent,
  .contact-container-about .contactdirect {
    height: auto;
  }

  .container-about-text {
    position: relative;
    z-index: 6;
    width: 100%;
  }

  .container-about-text .button {
    min-width: 215px;
    height: auto;
    min-height: 80px;
  }

  .container-about-text .button-imdb {
    min-width: 138px;
  }

  .footer-music {
    position: relative;
    z-index: 0;
  }

  .nav-bar {
    left: -1.9970703125%;
    width: 134.4873046875%;
  }

  .nav-bar .button-about {
    top: 0;
    bottom: 0;
    right: 56.8445475638%;
    min-width: 37px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    right: 32.7088552445%;
    min-width: 37px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-home {
    top: 0;
    bottom: 0;
    left: 10.2088167053%;
    min-width: 37px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-music {
    top: 0;
    bottom: 0;
    right: 68.909512761%;
    min-width: 38px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .nav-bar .button-producers {
    top: 0;
    bottom: 0;
    left: 46.6357308584%;
    min-width: 37px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ntclogo {
    position: relative;
    z-index: 10;
    height: auto;
  }

  .studio-work-about {
    position: relative;
    z-index: 1;
    height: auto;
  }
}