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

.events-bg{
	display:flex;
	flex-direction:column;
	padding:2em;
	min-height:1000px;
	background-color:red;
}

.event{
	color:black;
	background-color:darkgrey;
	margin:1em;
	outline-style:double;
	outline-color:black;
	padding:2em;
	max-width:900px;
	
}

.top-line{
	display:flex;
	flex-direction: row;
	justify-content: space-between; 
}

.date{
	color:white;
}

.event-body{
	display:flex;
	flex-direction:column;
}

.address{
	display:flex;
	flex-direction:row-reverse;
}

@media screen and (max-width:1080px){
	
	.top-line{
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
	}
	
	.address{
		display:flex;
		flex-direction:row;
	}
	
}