html,body {
	font-family: novecento-sans,sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 3px;
	line-height: 2rem;
}

.bg-secondary { background-color: rgba(39,37,39,1.00)!important; }
.bg-black-50 { background-color: rgba(39,37,39,.75)!important; }

.navbar-brand { padding: 0; margin: 0; }
.navbar-brand img { width: 200px; }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
	font-weight: 300;
	letter-spacing: 6px;
	padding-right: 2.5rem;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
}
.navbar-dark .navbar-toggler-icon { color: rgba(255,255,255,1)!important; }

.active { font-weight: 500!important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; }

.h1, h1 { letter-spacing: 8px; }
.h4, h4 { letter-spacing: 6px; line-height: 2.5rem; }
.h5, h5 { letter-spacing: 4px; line-height: 2rem; }
.h6, h6 { letter-spacing: 4px; }

strong { font-weight: 700; }

.link-secondary { color: rgba(39,37,39,1.00)!important; }
.link-secondary:hover { color: rgba(39,37,39,.8)!important; }

.btn { padding: .375rem 2rem; border-radius: 0px; }

.btn-primary {
    background-color: rgba(0,0,0,0);
    border-color: white;
	letter-spacing: 4px;
}

.btn-primary:hover { background-color: white; border-color: white; color: rgba(39,37,39,1.00); }

.btn-check:focus+.btn-primary, .btn-primary:focus { 
	background-color: white!important; 
	color: rgba(39,37,39,1.00)!important; 
	box-shadow: 0 0 0 0.1rem rgb(255 255 255 / 50%); 
}

.btn-lg { letter-spacing: 3px; }

.fab.fa-bandcamp { color: #477987; }
.bi-facebook { color: #3b5998; }
.bi-twitter { color: #1DA1F2; }
.bi-instagram { color: #bc2a8d; }
.fab.fa-spotify { color: #1DB954; }
.bi-youtube { color: #ff0000; }
.fab.fa-soundcloud { color: #ff7700; }

.form-control { letter-spacing: 3px; color: rgba(39,37,39,1.00)!important; }

.modal-content { border-radius: 0!important; }

.responsive-iframe_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media (min-width: 992px) {
	.navbar-brand img { width: 100%; }
}