@font-face {
  font-family: 'uni0564';
  src: url('../fonts/uni0564-webfont.ttf');
}
@font-face {
  font-family: 'uni0553';
  src: url('../fonts/uni0553-webfont.ttf');
}
body,
html {
  margin: 0px;
  background: black;
  font-weight: normal;
  font-style: normal;

  margin: 0px;
  font-family: 'uni0564';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  color: white;
}
a {
  color: white;
}
.letter-measure {
  float: left;
}
#header {
  font-family: 'uni0564';
  font-weight: normal;
  font-style: normal;
  font-size: 85px;
  position: relative;
  padding-left: 25px;
  padding-top: 25px;
  float: left;
  width: 90%;
}
#left-col {
  position: relative;
  margin-left: 25px;
  margin-top: 20px;
  line-height: 28px;
  font-family: 'uni0553';
  float: left;
  width: 100%;
  /* max-width: 650px; */
}
#right-col {
  position: relative;
  margin-right: 25px;
  margin-top: 70px;
  line-height: 28px;
  font-family: 'uni0553';
  font-size: 25px;
  float: right;
}
.section-content {
  padding-left: 50px;
}
h1 {
  font-family: 'uni0564';
  font-weight: normal;
  font-style: normal;
  font-size: 45px;
}
.album-title {
  font-size: 35px;
}
.track {
  padding-left: 50px;
}
.active {
  color: black;
  padding-left: 50px;
}
.track {
  padding-left: 50px;
}
#hidden {
  display: none;
}
@media only screen and (max-width: 1000px) {
  #right-col {
    float: left;
    width: 50%;
    height: 100%;
    padding-left: 25px;
  }
  #soundCloud {
    width: 250px;
    height: 400px;
  }
  #left-col {
    margin-left: 10px;
    max-width: 300px;
  }
  #section-content {
    padding-left: 20px;
    font-size: 18px;
  }
  #header {
    font-size: 55px;
    line-height: 70px;
    padding-left: 10px;
  }
}