body {
	font-family: proxima-nova, sans-serif;
	background:black;
}

#drop-list {
	position:relative;
	padding-bottom:5vh;
}

#location-div {
	margin-bottom:50px;
}

.dropbtn {
	font-family: proxima-nova, sans-serif;
	display:block;
	position:relative;
	min-width:160px;
	background-color:#fff;
	color:#000;
	padding: 21px 27px;
	font-size: 16px;
	border: none;
	border-radius:12px;
	cursor: pointer;
	margin-top:10px;
	font-size:14px;
	font-weight:600;
}

.dropbtn:hover, .dropbtn:focus {
	background-image: linear-gradient(45deg, #ac3ff2 36%, #8233db 72%); 
	color:#fff;
}

.dropdown {
	position: relative;
	display: inline-block;
	width:100%;
}

.dropdown-content {
	font-family: proxima-nova, sans-serif;	
	display: none;
	position: absolute;
	position:relative;
	margin:10px 0 50px 0;
	background-color: rgb(18, 18, 18);
	min-width: 160px;
	width:auto;
	max-width:1000px;
	overflow: auto;
	z-index: 1;
	
	font-size:12px;
	border-radius:12px;
	border:1px solid #fff;
	border-color: hsla(0, 0%, 100%, .1);
	
}

.dropdown-content a {
	display:block;
	width:25%;
	float:left;
	color: black;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	display: block;
	border-bottom:1px solid #888;
	border-color: hsla(0, 0%, 100%, .1);
	color:white;
	text-indent:10px;
}

.dropdown a:hover {background-color: #333;}

.show {display: block;}

.hide { display:none;}

.venue-name, .city-name {
	letter-spacing:normal;
	color:white;
}

.venue-name {
	width:33.3%;
	float:left;
	font-size:2.0rem;
	font-weight:800;
	margin:0;
	min-height:100px;
}

.city-name {
	display:block;
	font-size:1.8rem;
	font-weight:400;
	margin:2px 0 20px 0;
}

#location-div {
	padding:20px 0 0 0;
	width:100%;
	padding-left:20px;
	height:50vh;
	background-color: rgb(18, 18, 18);
	border:1px solid #fff;
	border-color: hsla(0, 0%, 100%, .1);
	border-radius:16px;
	overflow:scroll;
	color:white;
}

#state-title {
	padding-top:50px;
	color: #FFC700; 
}

h1.state-name {

}

#c-block {
	display:block;
	position:relative;
	min-width:160px;
	width:100%;
	height:5px;
}

.city-header {
	font-size:2.0rem;
	font-weight:800;
	margin:20px 0;
	float:left;
	width:100%;
	color:#f63;
}

/* ----------------------------------------------------------
	MEDIA QUERIES
------------------------------------------------------------*/

		@media screen and (max-width: 850px) {
				.dropdown-content a {
					
				}
				
				.venue-name {
					width:50%;
				}
				
				.city-name {
					
				}
		}
		
		@media screen and (max-width: 600px) {
				.dropdown-content a {
					width:50%;
				}
				
				.venue-name {
					width:100%;
					min-height:80px;
					font-size:2.0rem;
				}
				
				.city-name {
					font-size:1.8rem;
				}
		}