.event {
	border-bottom: 2px groove black;
	font-size: 18px;
	padding: 7px 10px 7px 0;
}

.event label {
	display: inline-block;
}
	
.event label.toggleDetails {
	width: 100px;
	text-align: right;
	float: right;
	cursor: pointer;
	color: #FF9900;
}

.event label.toggleDetails>i {
	margin-right: 5px;
}

.event .details {
	display: none;
	margin: 20px 0;
}

.event .details address {
	display: inline-block;
	vertical-align: top;
}

.event .details .description {
	vertical-align: top;
	display: inline-block;
	margin: 0;
}

@media (min-width: 850px) {
	#mobileView {
		display: none;
	}

	#eventsHeader label {
		font-size: 25px;
	}

	.event label.date {
		width: 12%;
	}

	.event label.time {
		width: 18%;
	}

	.event label.location {
		width: 15%;
	}
	.event label.title {
		width: 33%;
	}
	
	.event .details {
		padding: 0 10px;
	}
	
	.event .details address {
		width: 20%;
	}

	.event .details .description {
		width: 75%;
	}
}

@media (max-width: 849px) {
	#desktopView {
		display: none;
	}
	
	.event:first-child {
		border-top: 2px groove black;
	}
	
	.event .mobileLabel {
		width: 100px;
	}
	
	.event .details address {
		width: 200px;
	}

	.event .details .description {
		display: block;
	}
}