body{ margin:0; padding:0; overflow:visible!important; font-family: "courier_newregular", Arial, sans-serif; }
a, a:hover, a:focus{ text-decoration:none; display:inline-block; }

.vcenter{ position:relative; top:50%; transform: translateY(-50%); }
    
  #content{ height:100vh; }
#content.no-height{ padding:50px 0 0 0; height:auto; }

  #album{ text-align:center; }
    #album-cover{ margin:0 0 50px 0; }
      #album-cover img{ max-width:100%; margin:0 auto; display:block; }
      #album a{ padding:5px 10px 3px; border:2px solid #000; color:#000; text-decoration:none; }
        #album a:hover, #album a:focus{ background:#000; color:#fff; border-color:#000; }

  #links, #return{ padding:50px 0 0px 0; text-align: center; }
    #links a, #return a{ color:#000; text-decoration:none; }
      #links a:hover, #links a:focus, #return a:hover, #return a:focus{ color:#3f3f3f; }

  #return{ margin:25px 0; }

  #flip{ width:100%; height:600px; position:relative; overflow:hidden; }
.flipbook{ width:922px; height:600px; }
  .flipbook .turn-page{ width:461px; height:600px; }
    .flipbook .page, .flipbook-viewport .shadow{ box-shadow: none!important; background-color:none!important; }
    .odd{ border-radius: 0 46px 50px 0; }
    .even{ border-radius:46px 0 0 50px; }

  #credits{}
    #credits h1, #credits h2{ margin:0; text-align:center; }
    #credits h1{ font-size:2.5rem; }
    #credits h2{ font-size:1.5rem; }
    .song{ width:500px; max-width:100%; margin:50px auto; }
      .song h3{ text-align:center; }
      .song p{ margin:0; }

.lyrics{ text-align:center; }


/* #Media Queries
================================================== */

  @media only screen and (max-height: 804px) {
    #content{ padding:50px 0 0 0; }
    .vcenter{ position:relative; top:inherit; transform: translateY(0%); }
  }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1200px) {}
  
  @media only screen and (max-width: 995px) {
    #flip{ height:461px; }
    .flipbook-viewport .flipbook{ top:-228px!important; left:-354px!important; }
    .flipbook{ width:708px; height:461px; }
      .flipbook .turn-page{ width:354px; height:461px; }
    
    .odd{ border-radius:0 14px 12px 0; }
    .even{ border-radius:14px 0 0 12px; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
    #flip{ height:195px; }
    .flipbook-viewport .flipbook{ top:-98px!important; left:-157px!important; }
    .flipbook{ width:300px; height:195px; }
      .flipbook .turn-page{ width:300px; height:195px; }
    
    .odd{ border-radius:0 14px 12px 0; }
    .even{ border-radius:14px 0 0 12px; }
    
    #content{ padding:50px 15px 0 15px; }
    #links a, #return a{ font-size:0.67rem; }
    
    #content.no-height{ padding:50px 15px; }
    .song{ width:100%; font-size:0.8rem; }
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font Face
================================================== */
  @font-face {
    font-family: 'courier_newregular';
    src: url('../fonts/courier_new/courier_new_regular-webfont.woff2') format('woff2'),
         url('../fonts/courier_new/courier_new_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }