body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2E2E2E;
}

.container{ clear: left; }

i{ color: #575656; }

#logo{ text-align: center; }

#logo img,
#logo svg{ height: 100px; }

.event{
	width: 32.222222222222%;
	border-top: 10px solid #C02942;
	padding: 10px;
	margin: 0 1.666666666667% 20px 0;
	box-sizing: border-box;
	background-color: #fff;
	border-top-right-radius: 50px;
	min-height: 210px;
}

.event img{
	height: 50px;
	width: 50px;
	border-radius: 25px;
	display: block;
	margin-right: 10px;
}

.event h3,
.event p{
	margin-left: 60px;
}

.event h3{
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}

.event a{ text-decoration: none; }

.event p{
	margin-top: 0;
}

.event p.date{
	margin-top: 0;
	font-style: italic;
	font-size: 80%;
}

p.buttons{ margin: 0; height: 49px; }

p.buttons i{ font-size: 150%; }

.event p.date i{ font-size: 130%; }

.event a.button{
	display: block;
	margin-right: 10px;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	height: 49px;
	box-sizing: border-box;
}

.event a.button.details{ width: 75%; margin-right: 5%; }

.event a.button i{ color: #fff; }

.event a.button.location{ width: 20%; margin-right: 0; text-align: center; padding-left: 0; padding-right: 0; }

.upcoming .event {
	min-height: 0;
	border-top-right-radius: 15px;
	border-top-width: 4px;
}

.upcoming .event img{
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.upcoming .event p,
.upcoming .event h3{
	margin-left: 40px;
}

.upcoming .event p.title{ margin: 0; }

h2{
	color: #fff;
	text-align: center;
}

h2 i{ color: #fff; font-size: 150%; }

.upcoming.eventlist { padding-top: 30px; display: flex;
	flex-wrap: wrap; }
 
.upcoming.eventlist h2{
	border-top: 1px dotted #ccc;
	padding-top: 15px;
}

/* Handhelds (portrait and landscape) ----------- */
@media only screen  
and (max-width : 600px) {
	
	.event{
		border-top-right-radius: 45px;
		width: 100%;
		min-height: 0;
	}
	
	.event img{
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
		
	.event h3,
	.event p{
		margin-left: 0;
	}
	
	.event a.button.details{ width: 82%; margin-right: 2%; }

	.event a.button.location{ width: 15%; }
}

@media screen and (min-width: 601px) and (max-width: 959px) {
	.event{
		width: 48.502994011976%;
		border-top-right-radius: 45px;
        margin: 0 2.994011976048% 20px 0;
	}
	
	.event:nth-child(2n){
		margin-right: 0;
    }
}

/* Normal screens ----------- */
@media only screen 
and (min-width : 960px) {
	.event img{
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	
	.event h3,
	.event p{
		margin-left: 90px;
	}

    .event:nth-child(3n){
        margin-right: 0;
    }


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1280px) {
	.container{ width: 1200px; margin: 0 auto; overflow: hidden;}


}