/*#container{max-width:100%;   margin-bottom: 0.5em; border:1px solid #EA1CD7 !important; } */
    
#container_two
{
	/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 2em 2.25%;max-width:1680px;*/
	 
	width: 99.0%;
	clear:both;
	padding: 0.5em 1.0%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
 	 color:#000000; 
	 font-size:1.0em;	 
	font-family: 'Open Sans', sans-serif !important;
	  
}
 
#container_two div.feature{
	width: 98%;	
	float:left; 
	margin-right: 1%;
	margin-left:0.1%;
	
	background:#ffffff;
	 padding: 2px 8px;
	/*border:1px solid  #006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
	  font-size:1.0em;	 
 		font-family: 'Open Sans', sans-serif !important;
	 
 }

  
#container_two div.feature h3{
	/*padding: 16px 10px;*/
	padding: 5px;
	 font-size:1.2em;
 	 font-weight: bold; 
	 color: #000000;   
}
  
#container_two div.feature h4{
	/*padding: 16px 10px;*/
	padding: 5px;
	 font-size:1.2em;
 	 font-weight: bold; 
	color:#663399; 
}
 
#container_two div.feature p{
	/*padding: 16px 10px;*/
	padding: 5px;
	font-size:1.0em; 
	font-family: 'Open Sans', sans-serif !important;
	 
}
 
#container_two div.feature 
img {
  width: 300px;
  height: auto;
}


#container_two div.feature .highlightme { background-color:#FFFF00; padding: 2em 2.25%; }


		div#featuredlinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom: 1em;
			width: 85%;
			max-width: 300px;
			padding: 1em 0;
			font-weight:bold;
			font-size:1.2em;
			margin-right:26px;
			float:left;
			background: #639;
		}
		
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#featuredlinks p:hover{
			background: white;	
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}


@media only screen and (max-width: 1366px) {
			 
			div#featuredlinks{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#featuredlinks p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			div#featuredlinks p:nth-of-type(1){
				margin-right: 0;
			}
		}
		
		@media only screen and (max-width: 1150px) {
			div#factcontainer{font-size:0.8em;}
		}
		
		@media only screen and (max-width: 900px) {
			#factcontainer div.fact{width: 45%;}
			div#featuredlinks p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				
			}
		}
		


#music_table{
   border:1px solid #dcdcdc !important; 
  border-collapse: collapse;
  width:90%; 
	padding: 15px; margin-left:0.1%;
  clear:both;
	 position: relative; overflow: auto;
	text-align: left;  /*margin-left:30px;*/
	color: #000000 !important; 
	   font-size:1.1em;   
	font-family: 'Open Sans', sans-serif !important;
	vertical-align:top; text-align:left; 
}
  
#music_table td, #music_table th {
  border:1px solid #dcdcdc !important;  
  padding: 8px;
	font-size: 1em;  text-align:left;  
	vertical-align:top;  
	margin:15px; padding:15px;
}  
#music_table tr:nth-child(even){background-color: #ffffff}

#music_table tr:hover {background-color: #ffffff;}
#music_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #663399;
  color: white;
	font-size:1em;
	 
}

@media only screen and (max-width:1340px){
	 #container_two div.feature
	{
		font-size:1.1em; 
	}
}
 
 
@media only screen and (max-width:1024px){
	#container_two div.feature{
	font-size:1.05em; 
	}
}
  
@media only screen and (max-width:950px){	
	#container_one div.feature, #container_two div.feature
	{
		margin-left: 1.25%;
		margin-right: 1.25%;
		width: 94.5%;
		clear:both;	
		margin-bottom: 2em;
		padding:0 0 2.5em 0;
		font-size:1em; 
		
	} 
	
 	#container_two div.feature img{
	width:50%;
	}
}
  

 
 @media only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px) 
 
 
 	{

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ffffff;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}