/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* This stylesheet generated by Transfonter (https://transfonter.org) on October 24, 2017 11:32 AM */
@font-face {
  font-family: 'Brixton-Bled';
  src: url("assets/fonts/Brixton-Bled-Regular.eot");
  src: url("assets/fonts/Brixton-Bled-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Brixton-Bled-Regular.woff") format("woff"), url("assets/fonts/Brixton-Bled-Regular.ttf") format("truetype"), url("assets/fonts/Brixton-Bled-Regular.svg#Brixton-Bled-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Source Sans Pro';
  src: url("assets/fonts/SourceSansPro-BlackIt.eot");
  src: url("assets/fonts/SourceSansPro-BlackIt.eot?#iefix") format("embedded-opentype"), url("assets/fonts/SourceSansPro-BlackIt.woff") format("woff"), url("assets/fonts/SourceSansPro-BlackIt.ttf") format("truetype"), url("assets/fonts/SourceSansPro-BlackIt.svg#SourceSansPro-BlackIt") format("svg");
  font-weight: 900;
  font-style: italic; }
html, body {
  font-size: 25px;
  line-height: 1.3em;
  min-height: 100%; }

html {
  height: 100%; }

body {
  background: #22070f url("assets/images/backgrounds/bg.jpg") no-repeat center top;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: normal;
  position: relative;
  min-height: 100vh; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear; }

em,
i {
  font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

address {
  font-style: normal; }

img {
  height: auto;
  max-width: 100%;
  display: block; }

p {
  margin-bottom: 1em; }
  p:last-child {
    margin-bottom: 0; }

.container {
  margin: 0 auto;
  width: 940px;
  max-width: 100%;
  position: relative; }
  @media screen and (max-width: 939px) {
    .container {
      max-width: 90%; } }

@media screen and (min-width: 940px) {
  .header {
    padding: 1.6rem 3.2rem 2.6rem; } }
@media screen and (max-width: 939px) {
  .header {
    padding: .8rem 1.6rem 1.3rem; } }
.header__branding {
  margin: 0 auto;
  display: table;
  max-width: 100%; }

.footer {
  color: #e33516;
  padding: 1rem 0; }
  .footer a {
    color: #e33516; }
  .footer nav {
    display: table;
    margin: 0 auto; }
    .footer nav:after {
      content: "";
      display: table;
      clear: both; }
  .footer__copyright {
    font-size: .8rem;
    line-height: 1em;
    margin: 0; }
    @media screen and (min-width: 940px) {
      .footer__copyright {
        float: left; } }
    @media screen and (max-width: 939px) {
      .footer__copyright {
        text-align: center;
        margin-bottom: 1em; } }
  .footer__navigation {
    font-size: .8rem;
    line-height: 1em; }
    .footer__navigation:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 940px) {
      .footer__navigation {
        float: left; } }
    .footer__navigation li {
      float: left;
      margin-left: .25em;
      padding-left: .25em;
      border-left: 1px solid #e33516; }
      @media screen and (max-width: 939px) {
        .footer__navigation li:first-child {
          margin-left: 0;
          padding-left: 0;
          border-left: 0; } }

.outnow__quote {
  font-size: 2rem;
  line-height: 1.4em;
  margin-bottom: .05em; }
  @media screen and (max-width: 939px) {
    .outnow__quote {
      font-size: 1rem; } }
.outnow__author {
  display: block;
  text-align: right;
  font-family: "Brixton-Bled", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
  margin-bottom: .25em; }
  .outnow__author:before {
    content: "- "; }
  @media screen and (max-width: 939px) {
    .outnow__author {
      font-size: .5rem; } }
@media screen and (min-width: 940px) {
  .outnow__list {
    float: left;
    width: 60%;
    padding-right: 5%; } }
@media screen and (max-width: 939px) {
  .outnow__cover {
    margin: 1rem 0; } }
@media screen and (min-width: 940px) {
  .outnow__cover {
    float: right;
    width: 40%; } }

.section {
  padding: 1.8rem;
  position: relative; }
  .section__headline {
    font-size: 4.48rem;
    text-align: center;
    line-height: 1.3em; }
    @media screen and (max-width: 939px) {
      .section__headline {
        font-size: 2.24rem; } }
  .section__outnow {
    background-color: #141414;
    -webkit-box-shadow: 30px 30px 0px 0px rgba(65, 224, 22, 0.3);
    -moz-box-shadow: 30px 30px 0px 0px rgba(65, 224, 22, 0.3);
    box-shadow: 30px 30px 0px 0px rgba(65, 224, 22, 0.3);
    z-index: 5; }
    .section__outnow:after {
      content: "";
      display: table;
      clear: both; }
    .section__outnow .section__headline {
      color: #fff; }
  .section__listen {
    background-color: #fff;
    -webkit-box-shadow: -30px 30px 0px 0px rgba(22, 182, 228, 0.3);
    -moz-box-shadow: -30px 30px 0px 0px rgba(22, 182, 228, 0.3);
    box-shadow: -30px 30px 0px 0px rgba(22, 182, 228, 0.3);
    z-index: 4; }
    .section__listen .section__headline {
      color: #141414; }
  .section__social {
    background-color: #141414;
    -webkit-box-shadow: 30px 30px 0px 0px rgba(228, 201, 22, 0.3);
    -moz-box-shadow: 30px 30px 0px 0px rgba(228, 201, 22, 0.3);
    box-shadow: 30px 30px 0px 0px rgba(228, 201, 22, 0.3);
    z-index: 3; }
    .section__social .section__headline {
      color: #fff; }
  .section__buy {
    background-color: #fff;
    -webkit-box-shadow: -30px 30px 0px 0px rgba(228, 22, 201, 0.3);
    -moz-box-shadow: -30px 30px 0px 0px rgba(228, 22, 201, 0.3);
    box-shadow: -30px 30px 0px 0px rgba(228, 22, 201, 0.3);
    z-index: 2; }
    .section__buy .section__headline {
      color: #141414; }
  .section__desc {
    background-color: #141414;
    font-family: "Brixton-Bled", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 7rem; }
    .section__desc--text {
      font-size: 2.32rem;
      line-height: 1.3em; }
      @media screen and (max-width: 939px) {
        .section__desc--text {
          font-size: 1.16rem; } }
    .section__desc--highlight {
      font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
    .section__desc:after {
      content: "";
      height: 7rem;
      position: absolute;
      bottom: -7rem;
      left: 0;
      right: 0;
      display: block;
      background: url("assets/images/backgrounds/footer_desc.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; }

.icon__list, .buy,
.social,
.listen {
  margin: 0 auto;
  display: table;
  opacity: 1; }
  .icon__list:after, .buy:after,
  .social:after,
  .listen:after {
    content: "";
    display: table;
    clear: both; }
.icon__element, .buy__element,
.social__element,
.listen__element {
  float: left;
  width: 100px;
  height: 100px;
  position: relative;
  margin-left: 1rem;
  opacity: .2;
  cursor: default;
  transition: opacity 100ms linear; }
  @media screen and (max-width: 939px) {
    .icon__element, .buy__element,
    .social__element,
    .listen__element {
      width: 60px;
      height: 60px;
      float: none;
      margin: 0 0 1rem; } }
  .icon__element.active, .active.buy__element,
  .active.social__element,
  .active.listen__element {
    opacity: 1; }
    .icon__element.active a, .active.buy__element a,
    .active.social__element a,
    .active.listen__element a {
      cursor: pointer; }
    .icon__element.active:hover, .active.buy__element:hover,
    .active.social__element:hover,
    .active.listen__element:hover {
      opacity: .6; }
.icon__icon, .buy__icon,
.social__icon,
.listen__icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: default; }

.listen__icon--bandcamp {
  background-image: url("assets/images/icons/bandcamp.png"); }
.listen__icon--spotify {
  background-image: url("assets/images/icons/spotify.png"); }
.listen__icon--pandora {
  background-image: url("assets/images/icons/pandora-radio.png"); }
.listen__icon--iheartradio {
  background-image: url("assets/images/icons/iheart-radio.png"); }
.listen__icon--deezer {
  background-image: url("assets/images/icons/deezer.png"); }
.listen__icon--tidal {
  background-image: url("assets/images/icons/tidal.png"); }

.social__icon--facebook {
  background-image: url("assets/images/icons/facebook.png"); }

.buy__icon--applemusic {
  background-image: url("assets/images/icons/apple-music.png"); }
.buy__icon--amazon {
  background-image: url("assets/images/icons/amazon-music.png"); }
.buy__icon--itunes {
  background-image: url("assets/images/icons/itunes-music.png"); }
.buy__icon--googleplay {
  background-image: url("assets/images/icons/google-play-music.png"); }

/*# sourceMappingURL=style.css.map */