.raised {
  text-shadow: 1px 1px 0 #101010;
}
.light-border {
  border: 1px solid #e3e3e3;
}
.dark-border {
  border: 4px solid #1d1d1d;
}
body {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  color: white;
  font-size: 12px;
}
a {
  color: #a31f00;
  -webkit-transition: color 1s linear 1s linear;
  -moz-transition: color 1s linear 1s linear;
  -o-transition: color 1s linear 1s linear;
  -ms-transition: color 1s linear 1s linear;
  transition: color 1s linear 1s linear;
}
a:hover,
a:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
a {
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
p {
  font-size: 14px;
}
p.small {
  font-size: 14px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  p {
    font-size: 22px;
  }
  p.small {
    font-size: 14px;
  }
}
p.em {
  font-weight: 700;
}
body {
  background-color: #dddada;
  color: #1d1d1d;
  background: -moz-linear-gradient(90deg, #7d7d7d 0%, #d6d6d6 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #7d7d7d));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #7d7d7d 0%, #d6d6d6 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #7d7d7d 0%, #d6d6d6 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #7d7d7d 0%, #d6d6d6 100%);
  /* ie10+ */
  background: linear-gradient(0deg, #7d7d7d 0%, #d6d6d6 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6D6D6', endColorstr='#7D7D7D', GradientType=0);
  /* ie6-9 */
}
body.simple {
  background: none;
  background-color: #FFC64D;
  color: #1d1d1d;
  padding: 20px;
  background: #ffc74d;
  /* Old Browsers */
  background: -moz-linear-gradient(top, #ffc74d 0%, #ffc74d 28%, #cc5b10 100%);
  /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc74d), color-stop(28%, #ffc74d), color-stop(100%, #cc5b10));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #ffc74d 0%, #ffc74d 28%, #cc5b10 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffc74d 0%, #ffc74d 28%, #cc5b10 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffc74d 0%, #ffc74d 28%, #cc5b10 100%);
  /* IE 10+ */
  background: linear-gradient(to bottom, #ffc74d 0%, #ffc74d 28%, #cc5b10 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc74d', endColorstr='#cc5b10', GradientType=0);
  /* IE6-9 */
}

body.simple.flat {
  background: none;
  background-color: #ffc74d;
  color: #1d1d1d;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  body.simple {
    padding: 50px;
  }
}
img.logo {
  display: block;
  margin: 0 auto;
}
img.logo.left {
  display: block;
  margin: 0;
  padding-bottom: 25px;
  width: 120px;
}
@media screen and (min-width: 768px) {
  img.logo.left {
    width: 200px;
  }
}
hr {
  border-top: 1px solid #a31f00;
}
.contact {
  background-color: black;
}
.album-art {
  min-height: 0px;
  float: left;
  margin: 10px;
}
img.cover {
  width: 100%;
  height: auto;
  border: 1px solid #333;
}
@media screen and (max-width: 768px) and (min-width: 500px) {
  img.cover {
    width: 160px;
    height: 144px;
  }
  .album-art {
    min-height: 160px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
  img.cover {
    width: 190px;
    height: 171px;
  }
  .album-art {
    min-height: 180px;
  }
}
@media screen and (min-width: 1300px) {
  img.cover {
    width: 350px;
    height: 315px;
  }
  .album-art {
    min-height: 210px;
  }
}
.footer {
  margin-bottom: 100px;
}