body {
  min-width: none;
  min-height: nonepx;
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.25 '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-abour {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 52.6152252718%;
  z-index: 20;
  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-top-right-radius: 3px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url('../images/cool.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);
}

.button-directors {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 31.4862765406%;
  z-index: 18;
  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(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);
}

.button-home {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11.6519937856%;
  z-index: 17;
  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-top-right-radius: 3px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 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-abour:hover,
.button-directors:hover,
.button-home:hover,
.button-producers:hover {
  background-color: rgb(91, 0, 94);
}

.button-abour:active,
.button-directors:active,
.button-home:active,
.button-music: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: 30px auto 0;
  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: 21;
  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-top-right-radius: 3px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url('../images/music.png') rgb(37, 7, 82);
  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: 19;
  min-width: 75px;
  max-width: 75px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: auto 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url('../images/clipboard.png') rgb(236, 122, 0);
  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-producers:active {
  background-color: rgb(37, 7, 82);
}

.container-header {
  position: relative;
  z-index: 16;
  width: 100%;
  max-height: 500px;
  margin: 72px auto 0;
  background-image: -webkit-linear-gradient(270deg, rgb(16, 2, 37) 0%, rgb(91, 0, 94) 100%);
  background-image:    -moz-linear-gradient(270deg, rgb(16, 2, 37) 0%, rgb(91, 0, 94) 100%);
  background-image:      -o-linear-gradient(270deg, rgb(16, 2, 37) 0%, rgb(91, 0, 94) 100%);
  background-image:     -ms-linear-gradient(270deg, rgb(16, 2, 37) 0%, rgb(91, 0, 94) 100%);
  background-image:         linear-gradient(180deg, rgb(16, 2, 37) 0%, rgb(91, 0, 94) 100%);
}

.container-producers {
  width: 100%;
  min-height: 260px;
  margin: 0 auto;
}

.fast-cheap-container {
  float: right;
  clear: both;
  width: 100%;
  min-height: 227px;
  padding: 5px;
  border-right: 1px solid rgb(16, 2, 37);
  border-bottom: 1px solid rgb(16, 2, 37);
  border-left: 1px solid rgb(16, 2, 37);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: rgb(247, 243, 254);
  background: -webkit-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:    -moz-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:      -o-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:     -ms-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:         linear-gradient(450deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgb(16, 2, 37);
}

.fast-cheap-container p,
.good-cheap-container p,
.good-fast-cheap-option p,
.text-producers p {
  margin-bottom: 1em;
}

.fast-cheap-full {
  float: right;
  width: 32%;
  min-height: 290px;
}

.fast-cheap-header,
.good-cheap-header {
  width: 100%;
  min-height: 64px;
  margin: 0 auto;
  padding: 8px 5px 5px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: -webkit-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:    -moz-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:      -o-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:     -ms-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:         linear-gradient(360deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.38;
  text-align: center;
  color: rgb(243, 243, 243);
}

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

.good-cheap-container {
  width: 100%;
  min-height: 227px;
  margin: 0 auto;
  padding: 5px;
  border-right: 1px solid rgb(16, 2, 37);
  border-bottom: 1px solid rgb(16, 2, 37);
  border-left: 1px solid rgb(16, 2, 37);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: rgb(247, 243, 254);
  background: -webkit-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:    -moz-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:      -o-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:     -ms-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:         linear-gradient(450deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgb(16, 2, 37);
}

.good-cheap-full {
  float: left;
  width: 32%;
  min-height: 290px;
  margin-left: 1.99916%;
}

.good-fast-cheap-option {
  float: left;
  clear: both;
  width: 100%;
  min-height: 227px;
  padding: 5px;
  border-right: 1px solid rgb(16, 2, 37);
  border-bottom: 1px solid rgb(16, 2, 37);
  border-left: 1px solid rgb(16, 2, 37);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: rgb(247, 243, 254);
  background: -webkit-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:    -moz-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:      -o-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:     -ms-linear-gradient(0deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  background:         linear-gradient(450deg, rgb(247, 243, 254) 0%, rgb(247, 243, 254) 100%) rgba(222, 222, 222, 0);
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgb(16, 2, 37);
}

.good-fast-full {
  float: left;
  width: 32%;
  min-height: 290px;
}

.good-fast-header {
  float: left;
  width: 100%;
  min-height: 64px;
  padding: 8px 5px 5px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: -webkit-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:    -moz-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:      -o-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:     -ms-linear-gradient(90deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  background-image:         linear-gradient(360deg, rgb(141, 0, 145) 0%, rgb(91, 0, 94) 100%);
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.38;
  text-align: center;
  color: rgb(243, 243, 243);
}

.ima {
  display: block;
  width: 51.8666666666%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.nav-bar {
  position: fixed;
  top: 0;
  left: -2%;
  z-index: 22;
  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;
}

.producers-body-container {
  position: relative;
  z-index: 14;
  width: 80%;
  margin: 0 auto;
  padding: 5px 5px 30px;
  border-right: 1px solid rgb(16, 2, 37);
  border-bottom: 1px solid rgb(16, 2, 37);
  border-left: 1px solid rgb(16, 2, 37);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-image: -webkit-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%);
  background-image:    -moz-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%);
  background-image:      -o-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%);
  background-image:     -ms-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%);
  background-image:         linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(243, 243, 243) 100%);
}

.text-producers {
  width: 100%;
  min-height: 267px;
  margin: 0 auto;
  padding: 5px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(16, 2, 37);
}

.text-producers-contactlink {
  width: 100%;
  min-height: 25px;
  margin: 0 auto;
  padding-top: 15px;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  letter-spacing: 3px;
  color: rgb(0, 0, 0);
}

.three-columns {
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
}

.text-producers 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: 1.875em;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: 10px;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text-producers-contactlink 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: 0;
  word-spacing: inherit;
  color: rgb(236, 122, 0);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text-producers-contactlink a:hover {
  color: rgb(111, 20, 123);
}

@media(max-width: 1350px) {
  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    width: 51.8518518518%;
    height: auto;
  }

  .fast-cheap-full .fast-cheap-header {
    width: 100.5900305188%;
  }

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

  .nav-bar {
    width: 128.7326388888%;
  }

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

  .nav-bar .button-directors,
  .nav-bar .button-home {
    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;
  }

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

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
    margin-left: 1.99409%;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

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

  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

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

  .nav-bar {
    width: 127.1875%;
  }

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

  .nav-bar .button-directors {
    top: 0;
    bottom: 0;
    right: 30.6388206388%;
    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.2649727767%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
    margin-left: 1.95313%;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

@media(max-width: 1200px) {
  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

  .container-producers .button-imdb {
    margin-top: 57px;
  }

  .container-producers .text-producers {
    padding-bottom: 20px;
  }

  .container-producers .text-producers-contactlink {
    font-style: normal;
  }

  .fast-cheap-full .fast-cheap-header,
  .good-cheap-full .good-cheap-header,
  .good-fast-full .good-fast-header {
    padding: 7px;
  }

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

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

  .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;
    border-top-right-radius: 0;
  }

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

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

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
    margin-left: 1.99763%;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }

  .text-producers-contactlink a {
    font-weight: 700;
  }
}

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

  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

  .container-producers .button-imdb {
    margin-top: 30px;
  }

  .fast-cheap-full .fast-cheap-container {
    float: none;
    clear: none;
    width: 99.6212121212%;
    min-height: 180px;
    margin-right: auto;
    margin-left: auto;
  }

  .fast-cheap-full .fast-cheap-header {
    width: 99.8106060606%;
  }

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

  .good-cheap-full .good-cheap-container {
    float: right;
    clear: both;
    margin-right: 0;
    margin-left: 0;
  }

  .nav-bar .button-abour {
    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;
    background-size: 32px 32px;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .fast-cheap-full {
    float: none;
    width: 66%;
    min-height: 200px;
    margin-top: 320px;
    margin-right: auto;
    margin-left: auto;
  }

  .three-columns .good-cheap-full {
    position: relative;
    float: right;
    z-index: 7;
    width: 49%;
    margin-left: 0;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
    width: 49%;
  }
}

@media(max-width: 800px) {
  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

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

  .good-cheap-full .good-cheap-container {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
  }

  .nav-bar .button-abour {
    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;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .fast-cheap-full {
    margin-top: 345px;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

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

  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

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

  .good-fast-full .good-fast-cheap-option {
    float: none;
    clear: none;
    min-height: 180px;
    margin-right: auto;
    margin-left: auto;
  }

  .good-fast-full .good-fast-header {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .nav-bar .button-abour {
    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;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .fast-cheap-full {
    width: 100.1736111111%;
    margin-top: 25px;
  }

  .three-columns .good-cheap-full {
    position: relative;
    float: none;
    z-index: 7;
    width: 100.3472222222%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
  }

  .three-columns .good-fast-full {
    position: relative;
    float: none;
    z-index: 10;
    width: 100.1736111111%;
    min-height: 150px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 640px) {
  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    width: 265px;
    height: auto;
  }

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

  .good-fast-full .good-fast-cheap-option {
    margin-top: 64px;
  }

  .good-fast-full .good-fast-header {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }

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

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

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

  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
  }

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

  .nav-bar {
    width: 134.4897959183%;
  }

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

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

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

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

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

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

@media(max-width: 400px) {
  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    width: 255px;
    height: auto;
  }

  .container-producers .button-imdb {
    margin-top: 3462px;
  }

  .container-producers .text-producers {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }

  .container-producers .text-producers-contactlink {
    margin-top: 1662px;
  }

  .container-producers .three-columns {
    float: left;
    clear: both;
    margin-right: 0;
    margin-left: 0;
  }

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

  .nav-bar {
    width: 134.48828125%;
  }

  .nav-bar .button-abour {
    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;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
  }
}

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

  .container-header {
    position: relative;
    z-index: 16;
  }

  .container-header .ima {
    height: auto;
    overflow: auto;
  }

  .container-producers .button-imdb {
    margin-top: 30px;
  }

  .container-producers .text-producers-contactlink {
    margin-top: 0;
  }

  .container-producers .three-columns {
    float: none;
    clear: none;
    margin-top: 804px;
    margin-right: auto;
    margin-left: auto;
  }

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

  .nav-bar {
    width: 134.4873046875%;
  }

  .nav-bar .button-abour {
    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;
  }

  .producers-body-container {
    position: relative;
    z-index: 14;
  }

  .three-columns .good-cheap-full {
    position: relative;
    z-index: 7;
  }

  .three-columns .good-fast-full {
    position: relative;
    z-index: 10;
    margin-top: 88px;
  }
}