/*  VARIABLES  */
/* GLOBAL */
html {
  font-size: 10px; }
  @media (max-width: 880px) {
    html {
      font-size: 8px; } }
body {
  font: 3.4rem/3.6rem 'Special Elite', monospace;
  -webkit-font-smoothing: antialiased;
  color: rgba(21, 20, 16, 0.88);
  text-align: center;
  margin: 0;
  padding: 0;
  background: url("/images/texture.jpg") repeat-y #F7EED4;
  background-size: cover; }

p {
  margin: .8rem 0; }

section.header {
  max-width: 72rem;
  padding: 0 1rem;
  margin: 8rem auto 8rem auto; }
  section.header img {
    width: 100%; }
  @media (max-width: 880px) {
    section.header {
      margin-bottom: 2rem; } }
section.player {
  text-transform: uppercase;
  background: url("/images/jukeboxDesktopBlue.svg") no-repeat center;
  margin: 8rem 0;
  display: flex;
  justify-content: center; }
  @media (max-width: 880px) {
    section.player {
      background: url("/images/jukeboxMobileBlue.svg") no-repeat center;
      flex-direction: column;
      margin: 0; } }
  section.player .card {
    width: 38rem;
    margin: 0 5rem; }
    @media (max-width: 880px) {
      section.player .card {
        width: 100%;
        margin: 2rem 0; } }
  section.player .song {
    margin: 2.8rem 0 1.8rem 0;
    cursor: pointer;
    transition: color 300ms ease; }
    section.player .song:hover {
      color: #2C37A9; }
  section.player .listen {
    color: #2C37A9;
    text-decoration: none;
    font: 2.8rem/3rem 'Fira Sans', monospace;
    cursor: pointer; }

section.dates {
  max-width: 88rem;
  margin: auto; }

section.social {
  display: flex;
  justify-content: space-between;
  width: 30%;
  min-width: 38rem;
  margin: 6rem auto 8rem auto; }
  section.social a svg path {
    transition: fill 500ms ease; }
  section.social a:hover svg path {
    fill: #2C37A9; }

section.video iframe {
  position: absolute;
  left: 0; }