@font-face {
    font-family: 'loveLetter';
    src: url('fonts/LoveLetterTypewriterStd.woff2') format('woff2'),
         url('fonts/LoveLetterTypewriterStd.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    	font-family: '1942report';
    	src: url('fonts/1942report.eot');
    	src: url('fonts/1942report.eot?#iefix') format('embedded-opentype'),
    		url('fonts/1942report.woff') format('woff'),
    		url('fonts/1942report.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
}


body, p {
  padding: 0;
  margin: 0;
  font-family : 'loveLetter', 'PT Sans Narrow' !important;
  font-weight : 300  !important;
  font-size: 17px  !important;
  color:#fff;
  background: #000;

}


#Home {
  background: url(../img/bgs/mobile/landing.jpg) center center fixed;
  background-color:#fff;
}

#About {
  background-color: #fefcec;
}

#Music {
  background-color:#000;
}

#Book {
  background: url(../img/bgs/mobile/landing.jpg) center center fixed;
}

#Film {
  background: url(../img/bgs/film.jpg) center center fixed;
}


#Donate {
  background: url(../img/bgs/donate.jpg) center center fixed;
}


#Credits, #Shows {
  background-color:#fff;
}

canvas {
  display: none
}
@media (min-width: 768px) {

  #Home {
    background: url(../img/bgs/landing.jpg) center center fixed;
    background-color:#fff;
  }


  #About {
    background: url(../img/bgs/about.jpg) center left fixed;
  }

  #Music {
    background: url(../img/bgs/music.jpg) center center fixed;
  }

  #Book {
    background: url(../img/bgs/book.jpg) center center fixed;
  }

  #Shows {
    background: url(../img/bgs/landing2.jpg) center center fixed;
    background-color:#fff;
  }

  #Credits {
    background: url(../img/bgs/credits.jpg) center center fixed;
  }

  #Home, #About, #Music, #Book, #Film, #Credits, #Donate, #Shows {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
    background-repeat: no-repeat;
	}

  canvas {
    display: block;
  }

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  background:none !important;
}


.section {
  overflow: hidden;
}