/*------------------------------------*\
    #THIRD-PARTY-IMPORTS
\*------------------------------------*/
/* line 5, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*------------------------------------*\
    #MY-MODULES
\*------------------------------------*/
/* line 71, ../sass/modules/_colors.scss */
.segment {
  float: left;
  fill: #74c044;
  background-color: #74c044;
  border-right: 1px solid #1e1e1a;
}

/* line 78, ../sass/modules/_colors.scss */
.segment--empty {
  border-right: none;
}

/* line 83, ../sass/modules/_colors.scss */
.legend-item {
  display: inline;
}

/* line 87, ../sass/modules/_colors.scss */
.legend__segment {
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 3px;
  margin-right: 3px;
}

/* line 94, ../sass/modules/_colors.scss */
.legend__chip {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 101, ../sass/modules/_colors.scss */
.legend-item {
  color: #1e1e1a;
}

/* line 105, ../sass/modules/_colors.scss */
.legend-item--chip {
  color: #fff8cd;
}

/* line 109, ../sass/modules/_colors.scss */
#legend__segment-chorus {
  background-color: #ffce06;
}

/* line 110, ../sass/modules/_colors.scss */
#legend__segment-verse {
  background-color: #57caef;
}

/* line 111, ../sass/modules/_colors.scss */
#legend__segment-bridge {
  background-color: #ee3766;
}

/* line 112, ../sass/modules/_colors.scss */
#legend__segment-break {
  background-color: #74c044;
}

/* line 113, ../sass/modules/_colors.scss */
#legend__segment-intro {
  background-color: #555244;
}

/* line 114, ../sass/modules/_colors.scss */
#legend__segment-instrumental {
  background-color: #74c044;
  background: linear-gradient(135deg, #fff8cd 25%, rgba(0, 0, 0, 0) 25%) -2px 0, linear-gradient(225deg, #fff8cd 25%, rgba(0, 0, 0, 0) 25%) -2px 0, linear-gradient(315deg, #fff8cd 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, #fff8cd 25%, rgba(0, 0, 0, 0) 25%);
  background-size: 4px 4px;
  background-color: transparent;
}

/* line 119, ../sass/modules/_colors.scss */
#legend__segment-variant {
  background-color: #fff8cd;
  background-image: radial-gradient(#1e1e1a 24%, rgba(0, 0, 0, 0) 26%), radial-gradient(#1e1e1a 24%, rgba(0, 0, 0, 0) 26%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}

/* line 124, ../sass/modules/_colors.scss */
#legend__authorship--john {
  background-color: #57caef;
}

/* line 125, ../sass/modules/_colors.scss */
#legend__authorship--paul {
  background-color: #ffce06;
}

/* line 126, ../sass/modules/_colors.scss */
#legend__authorship--george {
  background-color: #ee3766;
}

/* line 127, ../sass/modules/_colors.scss */
#legend__authorship--ringo {
  background-color: #74c044;
}

/* line 128, ../sass/modules/_colors.scss */
#legend__authorship--other {
  background-color: #666666;
}

/* line 129, ../sass/modules/_colors.scss */
#legend__authorship--cowritten {
  background-color: #A052A0;
}

/* line 133, ../sass/modules/_colors.scss */
#legend__selfreference--implicit {
  background-color: #ee3766;
}

/* line 134, ../sass/modules/_colors.scss */
#legend__selfreference--explicit {
  background-color: #ffce06;
}

/* line 135, ../sass/modules/_colors.scss */
#legend__selfreference--melodic {
  background-color: #57caef;
}

/* line 137, ../sass/modules/_colors.scss */
#legend__schedule--recording {
  background-color: #ee3766;
}

/* line 138, ../sass/modules/_colors.scss */
#legend__schedule--filming {
  background-color: #ffce06;
}

/* line 139, ../sass/modules/_colors.scss */
#legend__schedule--touring {
  background-color: #57caef;
}

/* line 141, ../sass/modules/_colors.scss */
#legend__tonality--major {
  background-color: #ee3766;
}

/* line 142, ../sass/modules/_colors.scss */
#legend__tonality--minor {
  background-color: #57caef;
}

/* line 143, ../sass/modules/_colors.scss */
#legend__tonality--diatonic {
  background-color: #ffce06;
}

/* line 147, ../sass/modules/_colors.scss */
.segment_intro--variant,
.segment_outro--variant,
.segment_verse--variant,
.segment_chorus--variant,
.segment_bridge--variant,
.segment_break--variant {
  background-image: radial-gradient(#1e1e1a 24%, rgba(0, 0, 0, 0) 26%), radial-gradient(#1e1e1a 24%, rgba(0, 0, 0, 0) 26%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}

/* line 156, ../sass/modules/_colors.scss */
.segment_verse--instrumental,
.segment_chorus--instrumental,
.segment_bridge--instrumental,
.segment_break--instrumental {
  background: linear-gradient(135deg, #1e1e1a 25%, rgba(0, 0, 0, 0) 25%) -2px 0, linear-gradient(225deg, #1e1e1a 25%, rgba(0, 0, 0, 0) 25%) -2px 0, linear-gradient(315deg, #1e1e1a 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, #1e1e1a 25%, rgba(0, 0, 0, 0) 25%);
  background-size: 4px 4px;
  background-color: transparent;
}

/* line 164, ../sass/modules/_colors.scss */
.segment_silence {
  fill: #555244;
  background-color: #555244;
  border-right: none;
}

/* line 172, ../sass/modules/_colors.scss */
.segment_intro,
.segment_outro,
.segment_intro--variant,
.segment_outro--variant {
  fill: #555244;
  background-color: #555244;
}

/* line 180, ../sass/modules/_colors.scss */
.segment_verse,
.segment_verse--variant,
.segment_verse--instrumental {
  fill: #57caef;
  background-color: #57caef;
}

/* line 187, ../sass/modules/_colors.scss */
.segment_chorus,
.segment_chorus--variant,
.segment_chorus--instrumental {
  fill: #ffce06;
  background-color: #ffce06;
}

/* line 194, ../sass/modules/_colors.scss */
.segment_bridge,
.segment_bridge--variant,
.segment_bridge--instrumental {
  fill: #ee3766;
  background-color: #ee3766;
}

/* line 201, ../sass/modules/_colors.scss */
.segment_break,
.segment_break--variant,
.segment_break--instrumental {
  fill: #74c044;
  background-color: #74c044;
}

/* line 209, ../sass/modules/_colors.scss */
.span--i_ntro {
  color: #88867c;
}

/* line 213, ../sass/modules/_colors.scss */
.span--v_erse {
  color: #57caef;
}

/* line 217, ../sass/modules/_colors.scss */
.span--c_horus {
  color: #ffce06;
}

/* line 221, ../sass/modules/_colors.scss */
.span--b_ridge {
  color: #ee3766;
}

/* line 226, ../sass/modules/_colors.scss */
.span--i_nstrumental {
  color: white;
}

/* line 234, ../sass/modules/_colors.scss */
.span--v_ariant {
  color: white;
}

/* line 243, ../sass/modules/_colors.scss */
.author--0 {
  background-color: #ffce06;
}

/* line 244, ../sass/modules/_colors.scss */
.author--1 {
  background-color: #57caef;
}

/* line 245, ../sass/modules/_colors.scss */
.author--2 {
  background-color: #ee3766;
}

/* line 246, ../sass/modules/_colors.scss */
.author--3 {
  background-color: #74c044;
}

/* line 247, ../sass/modules/_colors.scss */
.author--4 {
  background-color: #555244;
}

/* line 254, ../sass/modules/_colors.scss */
.overview-graphic-text .author--0, .overview-graphic-text .author--1, .overview-graphic-text .author--2, .overview-graphic-text .author--3, .overview-graphic-text .author--4 {
  background-color: transparent;
}
/* line 258, ../sass/modules/_colors.scss */
.overview-graphic-text .author--0 {
  color: #ffce06;
}
/* line 259, ../sass/modules/_colors.scss */
.overview-graphic-text .author--1 {
  color: #57caef;
}
/* line 260, ../sass/modules/_colors.scss */
.overview-graphic-text .author--2 {
  color: #ee3766;
}
/* line 261, ../sass/modules/_colors.scss */
.overview-graphic-text .author--3 {
  color: #74c044;
}
/* line 262, ../sass/modules/_colors.scss */
.overview-graphic-text .author--4 {
  color: #555244;
}

@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1.0;
}
/*------------------------------------*\
    #CONFIGURE-COMPASS-VERTICAL-RHYTHM
\*------------------------------------*/
/* line 106, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/* line 41, ../sass/partials/_base.scss */
html {
  font-size: 16px;
  line-height: 24px;
  line-height: 1.5rem;
}

/*------------------------------------*\
    #DEBUGGING
\*------------------------------------*/
/* line 1, ../sass/partials/_grid.scss */
.hidden {
  display: none;
}

/* line 13, ../sass/partials/_grid.scss */
#form-test .mpzFrmOuter5214 {
  border: none;
  border-top: 1px solid #fff8cd;
}
/* line 18, ../sass/partials/_grid.scss */
#form-test .mpzFrmTitle5214,
#form-test .mpzFrmIntro5214,
#form-test .mpzFrmIntro5214,
#form-test .mpzFrmButton5214 {
  margin: 0;
  padding: 0;
  margin-left: 0;
  padding-left: 0;
}
/* line 28, ../sass/partials/_grid.scss */
#form-test .mpzFrmInput5214 {
  color: #fff8cd;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
/* line 33, ../sass/partials/_grid.scss */
#form-test .mpzFrmButton5214 {
  margin: 0 !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  vertical-align: text-top;
}
/* line 48, ../sass/partials/_grid.scss */
#form-test .mpzFrmOuter5214 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-right: 0;
}
/* line 56, ../sass/partials/_grid.scss */
#form-test #mpzdata-5214-firstname {
  width: 31.03448%;
  float: left;
  margin-right: 3.44828%;
}
/* line 60, ../sass/partials/_grid.scss */
#form-test #mpzdata-5214-email {
  width: 31.03448%;
  float: left;
  margin-right: 3.44828%;
}
/* line 64, ../sass/partials/_grid.scss */
#form-test .mpzFrmButton5214 {
  width: 31.03448%;
  float: right;
  margin-right: 0;
}

/* line 71, ../sass/partials/_grid.scss */
.text--small {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

/* line 75, ../sass/partials/_grid.scss */
.for-hire-message {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 80, ../sass/partials/_grid.scss */
.for-hire-link {
  padding-right: 2rem;
}

/*------------------------------------*\
    #CONFIG-SUSY
\*------------------------------------*/
/* line 21, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_box-sizing.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* #SUSY-GRID-VARIABLES------------ */
/* #CONFIG-GRID-MAIN------------ */
/* line 116, ../sass/partials/_grid.scss */
.grid--main {
  max-width: 464px;
  max-width: 29rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* line 12, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
.grid--main:after {
  content: " ";
  display: block;
  clear: both;
}
@media (min-width: 40rem) {
  /* line 116, ../sass/partials/_grid.scss */
  .grid--main {
    max-width: 944px;
    max-width: 59rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 64rem;
  }
  /* line 12, ../../../../../../../.rvm/gems/ruby-2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
  .grid--main:after {
    content: " ";
    display: block;
    clear: both;
  }
}

/* line 132, ../sass/partials/_grid.scss */
html, body {
  height: 100%;
  margin: 0;
}

/* line 142, ../sass/partials/_grid.scss */
.image {
  width: 100%;
}

/*------------------------------------*\
    #HEADER
\*------------------------------------*/
/* line 152, ../sass/partials/_grid.scss */
.site-header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* line 157, ../sass/partials/_grid.scss */
.page-body-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 161, ../sass/partials/_grid.scss */
.page-header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 72px;
  margin-bottom: 4.5rem;
}
@media (min-width: 40rem) {
  /* line 161, ../sass/partials/_grid.scss */
  .page-header {
    width: 83.05085%;
    float: left;
    margin-right: 1.69492%;
  }
}
@media (min-width: 52rem) {
  /* line 161, ../sass/partials/_grid.scss */
  .page-header {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}

/* line 174, ../sass/partials/_grid.scss */
.site-header__site-title-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 174, ../sass/partials/_grid.scss */
  .site-header__site-title-container {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}

/* line 182, ../sass/partials/_grid.scss */
.site-header__nav2 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
@media (min-width: 40rem) {
  /* line 182, ../sass/partials/_grid.scss */
  .site-header__nav2 {
    width: 32.20339%;
    float: right;
    margin-right: 0;
    margin-top: 0px;
    margin-top: 0rem;
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    text-align: right;
  }
}

/* line 193, ../sass/partials/_grid.scss */
.text-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  /*@include rhythm(0,0,0,3);*/
}
@media (min-width: 40rem) {
  /* line 193, ../sass/partials/_grid.scss */
  .text-block {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}
@media (min-width: 52rem) {
  /* line 193, ../sass/partials/_grid.scss */
  .text-block {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

/*------------------------------------*\
    #THUMBNAIL-INDEX
\*------------------------------------*/
/* line 210, ../sass/partials/_grid.scss */
.thumb-index {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* line 215, ../sass/partials/_grid.scss */
.thumb-index__thumb {
  background-color: #555244;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  border: 1px solid #fff8cd;
}

/* line 224, ../sass/partials/_grid.scss */
.thumb-index__thumb:hover {
  border: 1px solid #ee3766;
}

@media (min-width: 40rem) {
  /* line 228, ../sass/partials/_grid.scss */
  .thumb--primary {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 40rem) {
  /* line 234, ../sass/partials/_grid.scss */
  .thumb--secondary {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 40rem) {
  /* line 240, ../sass/partials/_grid.scss */
  .thumb--tertiary {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

@media (min-width: 40rem) {
  /* line 246, ../sass/partials/_grid.scss */
  .thumb--tertiary:last-child {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
}

/* line 252, ../sass/partials/_grid.scss */
.thumb-index__thumb__img {
  width: 100%;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 257, ../sass/partials/_grid.scss */
.index__store-box {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

/* line 266, ../sass/partials/_grid.scss */
.index__store-box__image-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 274, ../sass/partials/_grid.scss */
.index__store-box__text-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 274, ../sass/partials/_grid.scss */
  .index__store-box__text-container {
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%;
  }
}

/* line 282, ../sass/partials/_grid.scss */
.index__signup-box {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 282, ../sass/partials/_grid.scss */
  .index__signup-box {
    width: 31.03448%;
    float: right;
    margin-right: 0;
  }
}

/*------------------------------------*\
    #THUMBNAIL-INDEX--SMALL
\*------------------------------------*/
/* line 295, ../sass/partials/_grid.scss */
.thumb-index--small {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* line 301, ../sass/partials/_grid.scss */
.thumb-index--small .index-item {
  width: 49.15254%;
  float: right;
  margin-right: 0;
  /*width: 47%;*/
  padding: 0 2%;
}

/* line 308, ../sass/partials/_grid.scss */
.section-header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #fff8cd;
  font-weight: 700;
  font-size: 96px;
  font-size: 6rem;
  line-height: 96px;
  line-height: 6rem;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  color: #ee3766;
}

/* line 321, ../sass/partials/_grid.scss */
.section-header--shop {
  margin-top: 48px;
  margin-top: 3rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/*------------------------------------*\
    #STATIC-GRAPHICS
\*------------------------------------*/
/* line 329, ../sass/partials/_grid.scss */
.static-graphic {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 334, ../sass/partials/_grid.scss */
.static-graphic--structure_overview {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/*------------------------------------*\
    #CONTEXT-CONTAINER
\*------------------------------------*/
/* line 344, ../sass/partials/_grid.scss */
#context-container-wrapper {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 349, ../sass/partials/_grid.scss */
#context-container,
.context-container__legend-container,
.context-container__axis-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #1e1e1a;
}

/* line 356, ../sass/partials/_grid.scss */
.context-container__axis-container {
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 360, ../sass/partials/_grid.scss */
#context-container__axis-container__axis {
  margin-left: 25.42373%;
  overflow-x: hidden;
}

/* line 366, ../sass/partials/_grid.scss */
.context-container__legend-container {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 370, ../sass/partials/_grid.scss */
.context-container__legend-container--songstructure {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

/* line 374, ../sass/partials/_grid.scss */
.overview-graphic-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

/* line 379, ../sass/partials/_grid.scss */
.overview-graphic {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media (min-width: 40rem) {
  /* line 379, ../sass/partials/_grid.scss */
  .overview-graphic {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

/* line 388, ../sass/partials/_grid.scss */
.overview-graphic-text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 388, ../sass/partials/_grid.scss */
  .overview-graphic-text {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
  }
}

/*------------------------------------*\
    #TIMELINE
\*------------------------------------*/
/* line 401, ../sass/partials/_grid.scss */
.album-container,
.album-container__label-container,
.track-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 419, ../sass/partials/_grid.scss */
.album-container {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 96px;
  margin-bottom: 6rem;
}

/* line 424, ../sass/partials/_grid.scss */
.track-container__label-container {
  width: 40.67797%;
  float: left;
  margin-right: 1.69492%;
}
@media (min-width: 52rem) {
  /* line 424, ../sass/partials/_grid.scss */
  .track-container__label-container {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
  }
}

/* line 431, ../sass/partials/_grid.scss */
.track-container__graphic-container {
  width: 57.62712%;
  float: right;
  margin-right: 0;
}
@media (min-width: 52rem) {
  /* line 431, ../sass/partials/_grid.scss */
  .track-container__graphic-container {
    width: 74.57627%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 52rem) {
  /* line 440, ../sass/partials/_grid.scss */
  .timeline-container--authorship .track-container__graphic-container {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
  }
}

/* line 447, ../sass/partials/_grid.scss */
.track-container__graphic-container__graphic-wrapper,
.track-container__graphic-container__notes-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  overflow-x: hidden;
  margin-bottom: 3px;
}

/* line 454, ../sass/partials/_grid.scss */
.track-container__graphic-container__notes-container {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-right: 2rem;
}

/* line 458, ../sass/partials/_grid.scss */
.video-container__video {
  width: 200px;
  height: 200px;
}

/* line 473, ../sass/partials/_grid.scss */
.axis-container--authorship {
  margin-left: 23.72881%;
  width: 74.57627%;
  float: right;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 479, ../sass/partials/_grid.scss */
.axis-container--authorship .image {
  margin-bottom: -7px;
}

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/
/* line 490, ../sass/partials/_grid.scss */
footer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

/* line 507, ../sass/partials/_grid.scss */
.image-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 511, ../sass/partials/_grid.scss */
.text--small {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 13px;
  line-height: 0.82813rem;
}

/*------------------------------------*\
    #INDEX
\*------------------------------------*/
/* line 520, ../sass/partials/_grid.scss */
.thumb-index {
  /*max-width: 600px;*/
}

/* line 524, ../sass/partials/_grid.scss */
.index-item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 524, ../sass/partials/_grid.scss */
  .index-item {
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%;
  }
}

/* line 533, ../sass/partials/_grid.scss */
.index-item {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

/* line 538, ../sass/partials/_grid.scss */
.index-item__slug {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 542, ../sass/partials/_grid.scss */
.index-item__headline {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
}

/* line 547, ../sass/partials/_grid.scss */
.index-item__main-link {
  /*display: block;*/
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 553, ../sass/partials/_grid.scss */
.image-container--structure-index {
  background-image: url("../../images/sprites/yg-beatles-170816-0918-wireframes-index-07.svg");
}

/* line 556, ../sass/partials/_grid.scss */
.image-container--selfreference-index {
  background-image: url("../../images/sprites/yg-beatles-170816-0918-wireframes-index-08.svg");
}

/* line 559, ../sass/partials/_grid.scss */
.image-container--authorship-index {
  background-image: url("../../images/sprites/yg-beatles-170816-0918-wireframes-index-09.svg");
}

/* line 562, ../sass/partials/_grid.scss */
.image-container--schedule-index {
  background-image: url("../../images/sprites/yg-beatles-170816-0918-wireframes-index_ .svg");
}

/* line 565, ../sass/partials/_grid.scss */
.image-container--tonality-index {
  background-image: url("../../images/sprites/yg-beatles-170816-0918-wireframes-index_v.svg");
}

@media (min-width: 40rem) {
  /* line 569, ../sass/partials/_grid.scss */
  .image-container--structure-index,
  .image-container--selfreference-index {
    margin-top: -40px;
  }
}

/* line 576, ../sass/partials/_grid.scss */
.sprite {
  height: 0;
  padding-bottom: 100%;
  background-position: 100% 0;
  background-size: 200%;
  display: block;
  background-repeat: no-repeat;
}

/* line 585, ../sass/partials/_grid.scss */
.sprite:hover {
  background-position: 0 0;
}

/* line 589, ../sass/partials/_grid.scss */
.sprite:hover
#timeline-container--schedule {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 96px;
  margin-bottom: 6rem;
}

/* line 601, ../sass/partials/_grid.scss */
.schedule-container--mobile {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 40rem) {
  /* line 601, ../sass/partials/_grid.scss */
  .schedule-container--mobile {
    display: none;
  }
}

/* line 608, ../sass/partials/_grid.scss */
.schedule-container--desktop {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: none;
}
@media (min-width: 40rem) {
  /* line 608, ../sass/partials/_grid.scss */
  .schedule-container--desktop {
    display: block;
  }
}

/* line 617, ../sass/partials/_grid.scss */
.schedule-graphic-container {
  width: 83.05085%;
  float: left;
  margin-right: 1.69492%;
}

/* line 621, ../sass/partials/_grid.scss */
.schedule-legend-container {
  width: 15.25424%;
  float: right;
  margin-right: 0;
}

/*------------------------------------*\
    #TONALITY
\*------------------------------------*/
/* line 630, ../sass/partials/_grid.scss */
#timeline-container--tonality {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 96px;
  margin-bottom: 6rem;
}

/*------------------------------------*\
    #SELFREFERENCE
\*------------------------------------*/
/* line 639, ../sass/partials/_grid.scss */
#timeline-container--selfreference {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 96px;
  margin-bottom: 6rem;
}

/* line 644, ../sass/partials/_grid.scss */
#timeline-container--selfreference .graphic-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 649, ../sass/partials/_grid.scss */
.description {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 500;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/
/* line 660, ../sass/partials/_grid.scss */
.index__store-box .text-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* line 664, ../sass/partials/_grid.scss */
.index__store-box__text-container .donation-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  /*@include rhythm(2,0,0,0);*/
}

/* line 669, ../sass/partials/_grid.scss */
.index__store-box {
  /*border-top: 1px solid $text;*/
}

/* line 673, ../sass/partials/_grid.scss */
.mpzFrmIntro5214 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

/* line 677, ../sass/partials/_grid.scss */
.index__store-box__image-container {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
@media (min-width: 40rem) {
  /* line 677, ../sass/partials/_grid.scss */
  .index__store-box__image-container {
    width: 75%;
  }
}

/*.index__store-box__image-container img {
  @include breakpoint($med) {
    border: 1px solid red;
    width: 75%;
  }
}*/
/*------------------------------------*\
    #TYPE-VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/
/* line 16, ../sass/partials/_typography.scss */
html {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #fff8cd;
}

/* line 21, ../sass/partials/_typography.scss */
.body-copy {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: 100;
}

/* line 26, ../sass/partials/_typography.scss */
.body-copy strong {
  font-weight: 500;
}

/* line 30, ../sass/partials/_typography.scss */
a {
  color: #fff8cd;
}

/* line 35, ../sass/partials/_typography.scss */
a:hover,
.body-copy a:hover {
  color: #ee3766;
}

/* line 46, ../sass/partials/_typography.scss */
.link--highlight {
  text-decoration: underline;
}

/* line 50, ../sass/partials/_typography.scss */
em {
  font-style: italic;
}

/*------------------------------------*\
    #NAV
\*------------------------------------*/
/* line 59, ../sass/partials/_typography.scss */
nav {
  display: none;
}
@media (min-width: 40rem) {
  /* line 59, ../sass/partials/_typography.scss */
  nav {
    display: block;
  }
}

/* line 66, ../sass/partials/_typography.scss */
.nav2__link {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 13px;
  line-height: 0.82813rem;
  margin-left: 0.5rem;
  letter-spacing: 0.5px;
  color: #fff8cd;
  background-color: #1e1e1a;
  text-decoration: none;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #fff8cd;
}

/* line 85, ../sass/partials/_typography.scss */
.nav2__link:first-child {
  margin-left: 0;
}

/* line 89, ../sass/partials/_typography.scss */
.nav2__link:hover {
  cursor: pointer;
  color: #1e1e1a;
  background-color: #ee3766;
  border-color: #ee3766;
}

/* line 96, ../sass/partials/_typography.scss */
.nav2__link--next-tag {
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 8px;
  line-height: 0.51563rem;
  font-weight: 500;
}

/*------------------------------------*\
    #HEADER
\*------------------------------------*/
/* line 107, ../sass/partials/_typography.scss */
.site-header {
  margin-top: 32px;
  margin-top: 2rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 111, ../sass/partials/_typography.scss */
.site-header__site-title-container__site-title {
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3.01563rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #ee3766;
  font-family: 'Roboto Condensed', sans-serif;
}

/* line 118, ../sass/partials/_typography.scss */
.site-header__site-title-container__site-title span {
  display: inline-block;
}

/* line 122, ../sass/partials/_typography.scss */
.site-header__site-title-container__site-title .headline {
  font-size: 96px;
  font-size: 6rem;
  line-height: 96px;
  line-height: 6rem;
  font-weight: 700;
}

/* line 127, ../sass/partials/_typography.scss */
.site-header__site-title-container__site-title,
.site-header__site-title-container__site-title a {
  text-decoration: none;
}

/* line 133, ../sass/partials/_typography.scss */
.site-header__site-title-container--home a.site-header__site-title-container__site-title {
  cursor: default !important;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3.01563rem;
  font-weight: 700;
}
@media (min-width: 40rem) {
  /* line 133, ../sass/partials/_typography.scss */
  .site-header__site-title-container--home a.site-header__site-title-container__site-title {
    font-size: 96px;
    font-size: 6rem;
    line-height: 96px;
    line-height: 6rem;
  }
}

/* line 143, ../sass/partials/_typography.scss */
.site-header__site-title-container--subpage .site-header__site-title-container__site-title:hover {
  color: #fff8cd;
}

/* line 147, ../sass/partials/_typography.scss */
.headline {
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3.01563rem;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
@media (min-width: 40rem) {
  /* line 147, ../sass/partials/_typography.scss */
  .headline {
    font-size: 96px;
    font-size: 6rem;
    line-height: 96px;
    line-height: 6rem;
  }
}

/* line 159, ../sass/partials/_typography.scss */
.page-header .headline a {
  text-decoration: none;
}

/* line 163, ../sass/partials/_typography.scss */
.page-header .headline a:hover {
  color: #fff8cd;
}

/* line 167, ../sass/partials/_typography.scss */
.subhead {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 173, ../sass/partials/_typography.scss */
.text-block__header {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 500;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 179, ../sass/partials/_typography.scss */
.text-block__header--home {
  color: #fff8cd;
}

/* line 183, ../sass/partials/_typography.scss */
.context-container__axis-container,
#context-container__axis-container__axis {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 24px;
  line-height: 1.5rem;
}

/* line 192, ../sass/partials/_typography.scss */
#context-container__axis-container__axis {
  font-weight: 100;
}

/*------------------------------------*\
    #TIMELINE
\*------------------------------------*/
/* line 200, ../sass/partials/_typography.scss */
.album-container__label-container__label {
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3.01563rem;
  font-weight: 500;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
}

/* line 209, ../sass/partials/_typography.scss */
.album-container__label-container__year {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.51563rem;
  font-weight: 100;
}

/* line 214, ../sass/partials/_typography.scss */
.track-container__label-container {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
}

/* line 228, ../sass/partials/_typography.scss */
.track-container:hover {
  cursor: pointer;
}
/* line 232, ../sass/partials/_typography.scss */
.track-container:hover .track-container__label-container__label {
  color: #ee3766;
  transition: font-size 0.15s;
}

/* line 239, ../sass/partials/_typography.scss */
.track-container--expanded:hover {
  background-color: #1e1e1a;
}

/* line 243, ../sass/partials/_typography.scss */
.track-container__label-container {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 24px;
  line-height: 1.5rem;
}

/* line 248, ../sass/partials/_typography.scss */
.track-container--collapsed .track-container__label-container__label {
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 300;
}

/* line 262, ../sass/partials/_typography.scss */
.segment {
  border-bottom: 1px solid #1e1e1a;
}

/* line 266, ../sass/partials/_typography.scss */
.track-container--expanded {
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
/* line 269, ../sass/partials/_typography.scss */
.track-container--expanded .track-container__label-container__label {
  color: #ee3766;
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2.01563rem;
  font-weight: 300;
  text-overflow: initial;
  overflow: visible;
  white-space: normal;
}
@media (min-width: 40rem) {
  /* line 269, ../sass/partials/_typography.scss */
  .track-container--expanded .track-container__label-container__label {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3.01563rem;
    font-weight: 100;
    margin-top: 0px;
    margin-top: 0rem;
    padding-top: 0px;
    padding-top: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 52rem) {
  /* line 269, ../sass/partials/_typography.scss */
  .track-container--expanded .track-container__label-container__label {
    font-size: 64px;
    font-size: 4rem;
    line-height: 64px;
    line-height: 4.01563rem;
  }
}
/* line 289, ../sass/partials/_typography.scss */
.track-container--expanded.size-down .track-container__label-container__label {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.51563rem;
}
@media (min-width: 52rem) {
  /* line 289, ../sass/partials/_typography.scss */
  .track-container--expanded.size-down .track-container__label-container__label {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.51563rem;
  }
}
/* line 304, ../sass/partials/_typography.scss */
.track-container--expanded .segment {
  height: 61px !important;
}

/* line 311, ../sass/partials/_typography.scss */
.track-container--expanded .track-container__graphic-container {
  border-top: 1px solid #fff8cd;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

/* line 317, ../sass/partials/_typography.scss */
.track-container__graphic-container__notes-container__note-list {
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  list-style-type: disc;
  padding-left: 1.1rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
}
@media (min-width: 52rem) {
  /* line 317, ../sass/partials/_typography.scss */
  .track-container__graphic-container__notes-container__note-list {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

/* line 328, ../sass/partials/_typography.scss */
.note-list__note {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 332, ../sass/partials/_typography.scss */
.note-list__note span {
  display: inline-block;
  /*font-size: 9.5px;*/
  /*line-height: 1.5;*/
  /*color: #555244;*/
}

/*------------------------------------*\
    #HOME
\*------------------------------------*/
/* line 346, ../sass/partials/_typography.scss */
.index-item a {
  text-decoration: none;
}

/* line 350, ../sass/partials/_typography.scss */
.index-item .subhead {
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 355, ../sass/partials/_typography.scss */
.index-item:hover a {
  color: #ee3766;
}
/* line 359, ../sass/partials/_typography.scss */
.index-item:hover .index-item a.headline:hover {
  color: #ee3766;
}

/* line 377, ../sass/partials/_typography.scss */
.index__store-box__text-container {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 200;
}

/* line 383, ../sass/partials/_typography.scss */
.index__signup-box__copy {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 0px;
  margin-top: 0rem;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

/* line 390, ../sass/partials/_typography.scss */
.for-hire-message {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 13px;
  line-height: 0.82813rem;
}

/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/
/* line 5, ../sass/partials/_skin.scss */
html {
  background-color: #1e1e1a;
}

/*------------------------------------*\
    #HEADER
\*------------------------------------*/
/* line 18, ../sass/partials/_skin.scss */
.nav__link {
  border-bottom: 1px solid #fff8cd;
}

/* line 22, ../sass/partials/_skin.scss */
.nav__link:hover {
  border-bottom: 1px solid #ee3766;
}
/* line 24, ../sass/partials/_skin.scss */
.nav__link:hover a {
  color: #ee3766;
}

/* line 32, ../sass/partials/_skin.scss */
.mpzFrmButton5214 {
  background-color: #ffce06 !important;
}

/*------------------------------------*\
    #TIMELINE
\*------------------------------------*/
/* line 43, ../sass/partials/_skin.scss */
.album-container {
  border-top: 1px solid #fff8cd;
}