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

body{
	background-color:#000;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}

.wrapper{
	width:90%;
	margin:auto;
	max-width:960px;
}

.map, .description{
	display:none;
}

.row{
	margin-bottom:20px;
}

.columns_row .content{
	padding:20px;
	display:inline-block;
}

.row .active{
	display:inline-block;
}

.time{
	background-color:#939597;
	cursor:pointer;
}

.band{
	background-color:#F05A28;
	cursor:pointer;
}

.venue{
	background-color:#939597;
	cursor:pointer;
}

h1{
	color:#F05A28;
}

h1,h2{
	font-size:2em;
}

.description, .map{
	width:90%;
	padding:5%;
	padding-top:20px;
	padding-bottom:25px;
	border:thin solid #252525;
	border-top:none;
}

.description .photo{
	width:30%;
	margin-right:5%;
	float:left;
	display:inline-block;
}

.description .text{
	display:inline-block;
	width:65%;
}

.blank_row{
	width:100%;
	height:0;
	padding-top:5%;
}

#main  h2{
	margin-top:0;
}

#sponsors img{
	width:80%;
	margin-left:15%;
}


#sponsors{
	margin-top:30px;
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}

@media all and (max-width: 900px), (max-device-width: 900px){
	
	.columns_row .content{
		padding:10px;
	}
}

@media all and (max-width: 600px), (max-device-width: 600px){
	.description .photo, .description .text{
		width:100%;
		display:inline-block;
	}
	
	.description .photo{
		margin-bottom:20px;
	}
}

@media all and (max-width: 450px), (max-device-width: 450px){
	body{
		font-size:2.7vw;
	}
}