body {
	margin:0px;
	background-color:#000;
	color:#fff;
	font-family: 'Roboto+Condensed', sans-serif;
	font-size:12pt;
	max-width: 100%;
}

img { max-width:100% }

a {
	color:#ccc;
	text-decoration:none; }

#site-container {
	max-width:1024px;
	margin:0 auto;

}



.topnav {	
	max-width:1024px;
    margin: 0 auto; 
    padding-top:20px;
	font-family: 'Open Sans', san-serif;
	font-size:12pt;
	margin-bottom: 25px;
 }

.topnav ul {
	list-style-type: none;
	margin:0;
    overflow: hidden;}
    
.topnav li {
	float:left;
	margin-right:17px; }

.currentpage {
	color:#fff;
}


#titles {
	font-family: bebas-neue, sans-serif;
	font-size:30pt;
}

#titles-text {
	float:left;
}

#copyright {
	font-size:10pt;
	padding-left: 20px;
	padding-bottom:30px;
}



#audioboxes {
	width: 300px;
	text-align:center;
	float:left;
}



.audioboxes-anim {
	margin-left:15px;
}

.audioboxes-anim2 {
	margin-left:150px;
}

.audioboxes-anim3 {
	margin-left:100px;
}

#audiobg {
	border-radius: 20px;
	width:300px;
	height:44px;
	text-align:center;
	font-size:18pt;
	font-weight:bolder;
	margin-bottom:15px;
}


.audiotitle {
	margin-top:0px;
	padding-top:9px;
}




	
/* Dropdown Button */
.dropbtn {
    background-color: #000;
    color: #f3efe8;
    padding: 0px 16px 5px 16px;
    font-size: 26px;
    cursor: pointer;
}

/* Dropdown button on hover & focus
.dropbtn:hover, .dropbtn:focus {
    background-color: #000;
} */

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: none;
    z-index:500;
    width: 100%;
    min-width:340px;
    background-color:#000;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#000;	
    border-right: 5px solid #eee;
    border-bottom: 5px solid #eee;
}

.dropdown-content ul {
	list-style-type: none;
	font-family: 'Open Sans', san-serif;
	font-size:14pt;
	width:270px;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	}

.dropdown-content li {
	border-bottom: 2px solid #fe0303;
	width:193px;
	margin: 0 auto;
	}

/* Links inside the dropdown */
.dropdown-content a {
    color: #eee;
    padding-bottom: 8px;
    text-decoration: none;
    display: block;

}

.dropdown-content li:not(.firstitem) {
	padding-top:8px;
}
	
/* Change color of dropdown links on hover 
.dropdown-content a:hover {background-color: #f1f1f1}*/

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


@media screen and (max-width:1020px) {

#site-container {
	max-width:800px;
}

.topnav {display:none}

.dropdown {display:block; }

#titles {
	text-align:center;
}

#titles-text {
	float:none;
}

}



@media screen and (max-width:830px) {



.Print_Images {
	width:auto;
	height:auto;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y; auto;
	margin: 27px 16px;
	text-align:center;
	
}

}



@media screen and (max-width:760px) {

#audioboxes {
	float:none;
	margin: 0 auto;
	padding-top:5px;

}



}