html {
background-color:none;
width: auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.outer {
    width: 98vw;
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.outer td {
    background-color: none;
    vertical-align: top;
    float: none;
    height: 90%;
    margin: 0 0.25%;
    display: inline-block;
    zoom: 1;
}

.m_outer {
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.m_outer td {
    background-color: none;
    vertical-align: top;
    float: none;
    margin: 0 0.05%;
    display: inline-block;
    zoom: 1;
}

table {
  padding: none
}

/* basic fonts */

a {
text-decoration: none;
color: black;
}

a:visited {


}

a:hover {
  opacity: 0.9;
  text-decoration: underline;
}

h1 {
  font-size: min(8vw, 48px);
  font-weight: lighter;
  color: black;
  opacity: 1;
  font-family: "Times New Roman";
  margin-top: 10px;
}

h1 a:hover {
  background-color: black;
}

h2 a:hover {
  text-decoration: underline;
  color: black;
}

h2 a:visited {
  text-decoration: none;
  color: black;
}

h2 {
  font-size: min(5vw, 24px);
  font-weight: lighter;
  color: black;
  opacity: 1;
  font-family: "Times New Roman", Icons;
  line-height: 1.3;
  letter-spacing: normal;
  margin-top: 1.5vh;
}

h3  {
  font-size: 10px;
  font-weight: lighter;
  color: black;
  opacity: 0.6;
  font-family: "Helvetica";
}

/* for homepage, releases archive */

.juice td {
  vertical-align: bottom;
  text-align: left;
  padding: 0vh 1vw 0vh 1vw; /* textbox / t r b l */
  font-size: 38px;
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
}

.gl td {
  text-align: left;
  vertical-align:
  padding: 0vh 1vw 0vh 0px; /* textbox / t r b l */
  font-size: 21px;
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
  line-height: 1.2;
}

.adamciak td {
  vertical-align: middle !important;
  text-align: left;
  padding: 0vh 1vw 0vh 1vw; /* textbox / t r b l */
  font-size: 32px;
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
  line-height: 1.1;
}

.bio td {
  text-align: left;
  padding: 0vh 2vw 0vh 0px; /* textbox / t r b l */
  max-width: 800px;
  font-size: 42px;
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
}

.highlights td {

  height: 315px;
  vertical-align: bottom;
  text-align: left;
  padding: 2vh 2vw 2vh 2vw; /* textbox / t r b l */
  font-size: min(5vw, 20px);
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
}


.releases td {
  vertical-align: top;
  text-align: left;
  font-family: "Helvetica";
  font-size: min(5vw, 38px);
  font-weight: light;
  letter-spacing: +0.1px;
}

.merch td {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 20vw;
  vertical-align: bottom;
  text-align: left;
  padding: 0vh 2vw 5vh 2vw; /* textbox / t r b l */
  font-size: min(6vw, 38px);
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
}

.mobile td {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  align-items: center;
  text-align: left;
  padding: 0vh 0vw 0vh 0vw; /* textbox / t r b l */
  font-size: min(6vw, 36px);
  font-family: "Helvetica";
  font-weight: light;
  letter-spacing: +0.1px;
}

span {
  background-color:white;
  opacity:0.9;
}


/* padding on individual SRS pages */
.release {
    padding: 2vw;
}


/* footer & newsletter */


.footer td {
  z-index: 2;
  padding-top:;
}


/* mobile responsiveness */

/* standard desktop view */
@media screen and (min-height: 650px)


{
   .highlights td {

   }
   .releases td {
   }
   .merch td {
     height: 18vh;
   }
   .footer {
      position: fixed;
      z-index: 2;
      background-color: white;
      left: 0;
      bottom: 0;
      width: 100%;
      height: ;
      opacity: 1;
      color: white;
      text-align: left;
      padding-left: 2vw;
   }
   .newsletter_bottom {
      display: none;
   }
   .empty_block_srs {
      height: 15vh;
      max-height 200px;
   }
   .mobile {
     display: none;
   }
}

/* mobile vertical */

@media screen and (max-width: 650px)  {
   .bio td {
      height: 80vh;
   }
   .mobile td {
      height: ;
   }
   .juice td {

   }

   .adamciak td {
     width: auto;
     height: auto;
     padding-right: 1vw;
     padding-left: 1vw;
   }
   .footer {
     display: none;
     position: fixed;
   }
   .newsletter {
      display: none;
      background-color: none;
   }
   .newsletter_bottom {
       display: inline !important;
   }
   .desktop {
     display: none;
   }
   .mobile {
     display: block;
   }
   .empty_block_srs {
      height: 10vh;
      max-height 200px;
   }
}

/* mobile horizontal */
@media screen and (max-height: 650px) {
    .highlights td {
      height: 95vh;
    }
    .mobile td {
      height: 95vh;
    }
    .releases td {
      height: 50vh;
    }
    .footer {
       position: fixed;
    }
    .desktop {
      display: none;
    }
    .newsletter {
      display: none;
    }
    .newsletter_bottom {
      display: none;
    }
    .footer {
      display: none;
      position: fixed;
    }
    .empty_block_srs {
       height: 10vh;
       max-height 200px;
    }
}


input {
  max-height: 4vh;
  color: black;
  background-color: black;
  font-family: Arial; color: white; opacity: 0.9; font-size: 24px; font-weight: lighter;
}

button {
  width: 100%;
}