@font-face {
	font-family: 'cybertoothregular';
	src: url('../fonts/cybertooth-webfont.woff2') format('woff2'),
			 url('../fonts/cybertooth-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	background: URL(../img/u_c.png) no-repeat fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	font: 400 20px/1.8 Lato, sans-serif;
	color: #777;
  -webkit-font-smoothing:antialiased;
}

h1 {
	margin: 0 0 30px 0;
	letter-spacing: 8px;
  font: 400 30px/1.8 Orbitron, sans-serif;
  color: #fff;
}
  
h2 {
	margin: 100px 0 30px 0;
	letter-spacing: 4px;
  font: 400 34px/1.8 Orbitron, sans-serif;
  color: #fff;
	text-align: center;
}

h3 {
	margin: 10px 0 30px 0;
	letter-spacing: 4px;
  font: 400 20px/1.8 Montserrat, sans-serif;
	color: #350E0A;
}

h4 {
	margin: 10px 0 0 0;
  font: 400 16px/1.8 Montserrat, sans-serif;
	color: #350E0A;
}

h5 {
	margin: 10px 0 0 0;
	letter-spacing: 4px;
  font: 400 14px/1.8 Montserrat, sans-serif;
	color: #d5d5d5;
}

footer {
	background-color: #2B1E0D !important;
	color: #f5f5f5;
	padding: 20px;
}

footer a {
  color: #f5f5f5;
}

footer a:hover {
  color: #777;
  text-decoration: none;
}

.card {
	background-color: #563F2B !important;
}

.card-body {
	background-color: #EAEAEA !important;
}

.card-footer {
	color: #d5d5d5 !important;
}

.card-title {
	color: #000 !important;
	font-weight: bold;
}

.navbar { 
	font-family: Montserrat, sans-serif;
	margin-bottom: 0;
	background-color: #2B1E0D !important;
	border: 0;
	font-size: 14px !important;
	letter-spacing: 4px;
	opacity: 0.85;	
}

.navbar-toggler-icon{
	font-size: 0.6em;
}

.navbar-nav li a:hover {
	color: #fff !important;
}

.nav-pills li a {
  font-family: Montserrat, sans-serif;
	margin-bottom: 0;
	border: 0;
	letter-spacing: 4px;
	opacity: 0.85;	
	color: #d5d5d5;
}

.nav-pills li a:hover {
	color: #fff !important;
	background-color: transparent;
}

.nav-pills .pill-1 .nav-link:not(.active) {
	background-color:transparent;
	color: #d5d5d5;
}

.nav-pills .pill-2 .nav-link:not(.active) {
	background-color: transparent;
	color: #d5d5d5;
}

.nav-pills .pill-3 .nav-link:not(.active) {
	background-color: transparent;
	color: #d5d5d5;
}

.nav-pills .pill-1 .nav-link {
	background-color: #5B2F2C;
	color: white;
}

.nav-pills .pill-2 .nav-link {
	background-color: #5B2F2C;
	color: white;
}

.nav-pills .pill-3 .nav-link {
	background-color: #5B2F2C;
	color: white;
}

table #live-upcoming-shows { 
	background-color: #2B1E0D !important; 
	width: 100%; 
	border-collapse: collapse; 
}

/* xs */
@media screen and (max-width: 767px) {
  body { font-size: 14px; }
  h1 { font-size: 16px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	h4 { font-size: 14px; }
	h5 { font-size: 13px; }
	.carousel-caption { display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */ }
	.navbar-brand img { max-height: 15px; }
	.navbar { background-color: transparent !important; }
}

/* sm */
@media screen and (min-width: 768px) {
  body { font-size: 14px; }
  h1 { font-size: 20px; }
	h2 { font-size: 28px; }
	h3 { font-size: 18px; }
	h4 { font-size: 14px; }
	h5 { font-size: 13px; }
	.navbar { font-size: 17px !important; letter-spacing: 3px; }
	.navbar-brand img { max-height: 28px; }
}

/* md */
@media screen and (min-width: 992px) {
  body { font-size: 15px; }
  h1 { font-size: 24px; }
	h2 { font-size: 28px; }
	h3 { font-size: 20px; }
	h4 { font-size: 15px; }
	h5 { font-size: 14px; }
	.navbar { font-size: 18px !important; letter-spacing: 4px; }

}

/* lg */
@media screen and (min-width: 1200px) {
  body { font-size: 18px; }
  h1 { font-size: 30px; }
	h2 { font-size: 38px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 17px; }
	.navbar { font-size: 21px !important; letter-spacing: 4px; }
	.navbar-brand img { max-height: 36px; }