@charset "UTF-8";
/* CSS Document */

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

.fade-in {
animation: fadeIn ease 10s;
-webkit-animation: fadeIn ease 10s;
-moz-animation: fadeIn ease 10s;
-o-animation: fadeIn ease 10s;
-ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

.row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 0px #000000 solid;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 0px #efefef solid;
}

.row-striped {
    padding: 10px 0;
	font-size: small;
	margin-top:0px;
}
#logoBar {
	background-color:black;

}
	
#ad {
	background-color:black;

	}
#pills-home-tab  {
	text-decoration-color:black;

	}
	
#pills-tab  {
	margin-left: 140px;

	}


.wrapper {
	background-color:#EEEEEE;
	width:100%;
	padding: 20px;

	}

#music {
	margin-top: 200px;
	
	padding:60px;

	}



p {
	color:#969696;
	background-color:white;
	padding-top: 20px;
	padding-left:10px;
	font-size: 1em;
	font-weight:bold;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	

	}

.source {
	color:#989898;
	background-color:none;
	padding-top: 5px;
	font-weight:bold;
	

	}

a {
	color:black;

	}

 a:visited, a:link, a:active
{
    text-decoration: none;
	
	
	
}


a:hover
{
    color:#717276;
	
	
	
}

h5 {
	font-size:20px;
	background-color: white;
	color: black;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 150px;
	font-family: 'Questrial', sans-serif;
	line-height: 1.3em;
	padding: 10px;
	
	
	

	
}


	#caption {
	left: 0;
	width: 100%;
	background-color: white;
	margin-top: 0px;
 	font-weight: 200;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;

	

	
}

	#newsHeader {
	margin-left: 200px;
	

	
}


	img {
	
	

	
}



 .footer-copyright{
	background-color:black;
	 color:white;
	 height:100px;

	}


@media only screen and (min-width: 1024px) {
	
#longHeader{
	font-size: 2.3em;
	color:black;
	background-color:white;
	margin-left: 60px;
	margin-top: 10px;
	border-bottom: thin solid #D5D5D5;
	border-top: thin none #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 25px;
	padding-bottom: 12px;
	padding-top: 10px;
	width:85%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}
	
	#cover {
		
	width:100%;
	height:600px;
			
		
		
	}	
	
		
	h4 {
	font-size: 2.3em;
	color:black;
	text-align: center;
	background-color: white;
	margin-top: 10px;
	margin-left: 60px;
	margin-right: 0px;
	border-bottom: thin SOLID #D5D5D5;
	border-top: thin none #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 25px;
	padding-bottom: 12px;
	padding-top: 10px;
	width:85%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}	
	

		
	#figure2 {
margin-right: 33px;
margin-left: 0px;
border:0px;
border-style: none;


	
  }
	
	
#musicSection {
margin-top: 120px;
margin-left: 150px;


	
  }
	
#figure {
margin-right: 40px;
margin-left: 0px;
border:3px;
margin-top: 30px;
border-style: none;
border-color: #EAECED;


	}
	
	#figure3 {
margin-right: 53px;
margin-left: 0px;
margin-top: 30px;
border:3px;
border-style: none;
border-color: #EAECED;


	}
	
#figure1 {
margin-right: 33px;
margin-left: 0px;
border:3px;
border-style: none;
border-color: #EAECED;

	

  }
	


	
	.newsbg {
	background-color:white;
	height: 4200px;
	padding-top: 20px;
	
	
	

	}
	
	
	
	#newsBody {
margin-left: 20px;
margin-top: 50px;
margin-bottom: 50px;
	
	
	

	}
	
		h2 {
	background-color: white;
	color: black;
	visibility:visible;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 150px;
	width:80%;
	font-family: 'Questrial', sans-serif;
	line-height: 3em;
	padding: 10px;
	
	

	
}
	
	
	.bigC {
	background-color: white;
	color: black;
	visibility: none;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	margin-left: 15px;
	height: 150px;
	font-size: 3em;
	font-family: 'Roboto', sans-serif;
	width:100%;
	
	

	
}
	
	#caption2 {
	background-color: white;
	margin-top: 0px;
 	font-weight: 200;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;
	

	

	
}
	
		#caption {
	left: 0;
	width: 100%;
	background-color: white;
	height:220px;
	margin-top: 0px;
	color: #7B0002;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;
	font-family: 'Roboto', sans-serif;

	

	
}
	
		h5 {
	font-size:23px;
	background-color: white;
	color: #717277;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 150px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	padding-left: 10px;
	padding-bottom:0px;
	
	
	

	
}
	

	img {
transition: 1s ease;
}

img:hover{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: 1s ease;
}	
	
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
	}
}


.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}

.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

#musicSection {
margin-left: 10px;


	
  }


	
	
}
 
@media only screen and (max-width: 764px) {


	h4 {
	font-size: 2.3em;
	color:white;
	background-color: white;
	margin-top: 10px;
	margin-left: 380px;
	align: center;
	border-bottom: thin SOLID #D5D5D5;
	border-top: thin solid #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 25px;
	padding-bottom: 12px;
	padding-top: 10px;
	width:30%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}
	
	
		#cover {
		
	width:100%;
	height:600px;
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
			
		
		
	}
	
	
	
img noscale:hover{
-webkit-transform: scale(0.0);
-ms-transform: scale(0.0);
transform: scale(0.0);
transition: 0s ease;
}	
	
	#longHeader {
	font-size: 2.3em;
	color:white;
	background-color: white;
	margin-top: 10px;

	text-align:center;
	border-bottom: thin SOLID #D5D5D5;
	border-top: thin solid #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 25px;
	padding-bottom: 12px;
	padding-top: 10px;
	width:100%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}	
	
	
	#figure2 {
margin-right: 33px;
margin-left: 0px;
border:0px;
border-style: none;


	
  }
	
	
#musicSection {
margin-top: 120px;
margin-left: 150px;


	
  }
	
#figure {
margin-right: 40px;
margin-left: 0px;
border:3px;
margin-top: 30px;
border-style: none;
border-color:#AAAAAA;


	}
	
	#figure3 {
margin-right: 53px;
margin-left: 0px;
margin-top: 30px;
border:3px;
border-style: solid;
border-color: #EAECED;


	}
	
#figure1 {
margin-right: 33px;
margin-left: 0px;
border-width: thin;
border-bottom-style: solid;
border-right-style: solid;
border-color: black;

	

  }
	


	
	.newsbg {
	background-color:white;
	height: 4200px;
	padding-top: 20px;
	
	
	

	}
	
	
	
	#newsBody {
margin-left: 20px;
margin-top: 50px;
margin-bottom: 50px;
	
	
	

	}
	
		h2 {
	background-color: white;
	color: black;
	visibility:visible;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 150px;
	width:80%;
	font-family: 'Questrial', sans-serif;
	line-height: 3em;
	padding: 10px;
	
	

	
}
	
	
	.bigC {
	background-color: white;
	color: black;
	visibility: none;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	margin-left: 0px;
	height: 150px;
	font-size: 3em;
	font-family: 'Roboto', sans-serif;
	width:100%;
	
	

	
}
	
	#caption2 {
	background-color: white;
	margin-top: 0px;
 	font-weight: 200;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;
	

	

	
}
	
		#caption {
	left: 0;
	width: 100%;
	background-color: white;
	height:220px;
	margin-top: 0px;
	color: #7B0002;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;
	font-family: 'Roboto', sans-serif;

	

	
}
	
		h5 {
	font-size:23px;
	background-color: white;
	color: #717277;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 150px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	padding-left: 10px;
	padding-bottom:0px;
	
	
	

	
}
	
img {
transition: 1s ease;
}

img:hover{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: 1s ease;
}	
	
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
	}
}


.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}

.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

#musicSection {
margin-left: 10px;


	
  }

btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

/* .btn-primary {
  background-color:black;
  border-color: black;
} */

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #fec810 !important;
  border-color: #fec810 !important;
  color: white;
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

 #mainNav {
    padding-top: 5px;
    padding-bottom: 5px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color:black;
    opacity: 0.8;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: all 0.3s;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #212529;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 12px 0;
  }

#mainNav .navbar-brand {
  color:white;

  font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: red;
  
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: white;
  font-family: 'Roboto', sans-serif;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: red;
 font-family: 'Roboto', sans-serif;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 5px;
    padding-bottom: 5px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color:black;
    opacity: 0.8;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: all 0.3s;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #212529;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 12px 0;
  }
	
.test {
	
height: 70px;
background-color: black;

	}	
	
	
	
}

@media only screen and (max-width: 414px){
 
	
#newsBody {
padding-right: 35px;
padding-left: 20px;





  }	
	
	
	
	

	
	
.bttn{
		
	text-decoration-color:#FFFFFF;	
		
		
	}	
	
	
	#cover {
		
	width:100%;
	height:200px;
			
		
		
	}
	
	.test {
	
height: 70px;
background-color: #0E1015;

	}	
	
	#figure2 {
 margin-bottom:50px;
border-bottom-style: solid;
border-bottom-color: #D4D4D4;
border-bottom-width: thin;




  }
	
	.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
}

	
#figure1 {
 margin-bottom:50px;
border-bottom-style: solid;
border-bottom-color: #D4D4D4;
border-bottom-width: thin;
;



 

  }
	
	#figure4 {
 margin-bottom:50px;
border-bottom-style: solid;
border-bottom-color: #D4D4D4;
border-bottom-width: thin;
display: none;


 

  }
		
#figure {
margin-top: 5px;
width: 100%;
margin-left: 0px;
	}	

#figure3 {



margin-top: 35px;
	}	

 #newsbig{

margin-left:0px;



font-family: 'Roboto', sans-serif;



	}

	#caption2 {
	width: 100%;
	background-color: white;
	margin-top: 0px;
 	font-weight: 200;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;
	padding-right: 40px;
	
}
	
	h5 {
	font-size:12px;
	background-color: white;
	color: #717277;
	border-style:none;
	border-width: 2px;
	border-color: lightgray;
	height: 125px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5em;
	padding-left: 10px;
	padding-bottom:0px;
	font-size:22px;
	
}
	
	h4 {
	font-size: 1.5em;
	color:white;
	background-color: black;
	text-align: center;
	margin-top: 10px;
	margin-left: 90px;
	
	border-bottom: thin  #D5D5D5;
	border-top: thin none #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	padding-bottom: 12px;
	padding-top: 10px;

	width:50%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}
	
	#longHeader {
	font-size: 1.5em;
	color:white;
	background-color: black;
	margin-top: 10px;
	text-align: center;
	margin-left: 40px;
	border-bottom: thin none #D5D5D5;
	border-top: thin none #D5D5D5;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	padding-bottom: 12px;
	padding-top: 10px;
	width:70%;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	
}
	
	.bigC {
	background-color: white;
	color: #717277;
	border-style:none;
	border-width: 0px;
	border-color: lightgray;
	margin-left: 0px;
	height: 150px;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	padding-left: 0px;
	
	
	
}
	
	.newsbg {
	background-color:#F6F8F9;
	height: 3800px;
	padding-top: 20px;
	
	
	

	}
	
	.page-footer {
	width:100%;

	}
	
	#caption {
	left: 0;
	width: 100%;
	background-color: white;
	margin-top: 0px;
 	font-weight: 200;
	border-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #EAEAEA;

 
}
	
	
#musicSection {
margin-left: 10px;


	
  }
	
p {
	
padding-left:10px;
font-size: 10px;
color:#717277;
font-family: 'Roboto', sans-serif;

	}
	
	

	}