/* Move down content because we have a fixed navbar that is 50px tall */

p {
	font-size: 1.1rem;
	color: #8353e4;
}

#body {
	color: #702AFE;
	padding-bottom: 2rem;
	background: rgba(5,5,5,.5);
	background: -moz-linear-gradient(-45deg, rgba(5,5,5,1) 0%, rgba(10,10,10,1) 9%, rgba(13,13,13,1) 24%, rgba(5,5,5,1) 40%, rgba(0,0,0,1) 49%, rgba(13,13,13,1) 50%, rgba(23,23,23,1) 61%, rgba(33,33,33,1) 75%, rgba(28,28,28,1) 88%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(5,5,5,1)), color-stop(9%, rgba(10,10,10,1)), color-stop(24%, rgba(13,13,13,1)), color-stop(40%, rgba(5,5,5,1)), color-stop(49%, rgba(0,0,0,1)), color-stop(50%, rgba(13,13,13,1)), color-stop(61%, rgba(23,23,23,1)), color-stop(75%, rgba(33,33,33,1)), color-stop(88%, rgba(28,28,28,1)), color-stop(100%, rgba(26,26,26,1)));
	background: -webkit-linear-gradient(-45deg, rgba(5,5,5,1) 0%, rgba(10,10,10,1) 9%, rgba(13,13,13,1) 24%, rgba(5,5,5,1) 40%, rgba(0,0,0,1) 49%, rgba(13,13,13,1) 50%, rgba(23,23,23,1) 61%, rgba(33,33,33,1) 75%, rgba(28,28,28,1) 88%, rgba(26,26,26,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(5,5,5,1) 0%, rgba(10,10,10,1) 9%, rgba(13,13,13,1) 24%, rgba(5,5,5,1) 40%, rgba(0,0,0,1) 49%, rgba(13,13,13,1) 50%, rgba(23,23,23,1) 61%, rgba(33,33,33,1) 75%, rgba(28,28,28,1) 88%, rgba(26,26,26,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(5,5,5,1) 0%, rgba(10,10,10,1) 9%, rgba(13,13,13,1) 24%, rgba(5,5,5,1) 40%, rgba(0,0,0,1) 49%, rgba(13,13,13,1) 50%, rgba(23,23,23,1) 61%, rgba(33,33,33,1) 75%, rgba(28,28,28,1) 88%, rgba(26,26,26,1) 100%);
	background: linear-gradient(135deg, rgba(5,5,5,1) 0%, rgba(10,10,10,1) 9%, rgba(13,13,13,1) 24%, rgba(5,5,5,1) 40%, rgba(0,0,0,1) 49%, rgba(13,13,13,1) 50%, rgba(23,23,23,1) 61%, rgba(33,33,33,1) 75%, rgba(28,28,28,1) 88%, rgba(26,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#1a1a1a', GradientType=1 );
}

section {
	margin: 1rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

h3, h4 {
	color: #dac8ff;
}

dl, ol, ul {
	padding-left: 1rem;
}

.title {
	line-height: 2rem;
}

.spacer h3 {
	color: #8AC6D0;
	font-family: 'Droid Serif', serif;
}


.spacer p {
	color: #8AC6D0;
	font-family: 'Droid Serif', serif;
}

.primary-color {
	color: #dac8ff;
}

.secondary {
	text-align:center; 
}

.secondary-color {
	color: #8353e4;
}

#header h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 3rem;
}

.box {
	background: #121012;
	padding: 5rem 2rem;
	border-radius:20px;
	-webkit-box-shadow: 5px 5px 19px 2px rgba(116, 93, 206, 0.68), -5px -5px 19px 2px rgba(116, 93, 206, 0.68);
	-moz-box-shadow:    5px 5px 19px 2px rgba(116, 93, 206, 0.68), -5px -5px 19px 2px rgba(116, 93, 206, 0.68);
	box-shadow:         5px 5px 19px 2px rgba(116, 93, 206, 0.68), -5px -5px 19px 2px rgba(116, 93, 206, 0.68);
}

.nav-item a.nav-link {
	color: #8353e4;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #dac8ff;
}

img {
	max-width: 100%;
	height: auto;
    padding-bottom: 1rem;
}

.navbar-toggler{
	color:white;
}

.navbar {
	border-bottom: 2px solid #8353ce;
}

.spacer {
	padding-top: 7rem;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #8353e4;
}

.navbar-dark .navbar-nav .nav-link {
	text-transform: uppercase;
	font-family: 'Droid Serif', serif;
}

.navbar-dark .navbar-brand {
	font-family: 'Oswald', sans-serif;
	color: #8353e4;
	font-size: 2rem;
}

.no-hover a:hover {
    background: transparent;
    cursor: default;
}

nav .dropdown-menu {
	right: 0;
	left: auto;
}

nav .dropdown-menu .show a {
		color: #dac8ff;
		background-color: black;
}

.dropdown-menu {
	background-color: black;
}

.dropdown-item {
	color: rgba(255,255,255,.5);
	background-color: black;
	border: .5px solid #8353ce;
}

.dropdown-item:hover {
	background-color: black;
	color: #dac8ff;
}

#affiliates {
	font-size: 12px;
	color: #8AC6D0;
}
#affiliates a {
	color: #8AC6D0;
}

.border {
	border: 1px solid red;
}

#main-content h3 {
	
	padding-bottom: 2rem;
	
}

#Owner h3 {
	padding-bottom: 2rem;
}

#features h2 {
	padding-bottom: 5rem;
	
}

#features h4 {
	text-align:center;
}

#features .col-sm-3 {
	padding-bottom: 1rem;
}

footer p {
	font-size: 14px;
}

.image {
	text-align:center;
}

.image img {
	max-height:164px
}

.fa-square-o::before {color:#3B5998}

#category {
	margin-bottom: 3rem;
}

#music tr td {
	color: #dac8ff !important;
}

#music table {
	margin-bottom: 2rem;
}

h4.title {
	margin: 2rem 0;
	font-size: 2rem;
}

#content {
	margin-top: 4rem;
}

#music h2 {
	padding-bottom: 2rem;
}

.return {
	padding-bottom: 4rem;
}

#tips h2 {
	padding-bottom: 2rem;
}

#DJ h3 {
	padding-bottom: 2rem;
}

#DJ .list-group-item {
	background-color: transparent;
}

#DJ ul {
	list-style-type: disc;
}

#DJ .tercol {
	color: #8AC6D0;
}

#Contact p {
	padding: 1rem;
}

#testimony p {
	padding-top: .5rem;
	padding-bottom: 1rem;
}

#awards h3 {
	padding-bottom: 2rem;
}

#awards img {
	padding: 3rem;
}

@media (max-width: 767px) { 

h2, h3, h4 {
	font-size: 1.5rem;
	text-align: center;
}

p {
	font-size: 1rem;
	text-align: center;
}

} /*This brace is for the @media end section. DON'T REMOVE. */