section.events-list{
	padding:6rem 5% 6rem 5%;
	width: 100%;
	position: relative;
}


section.events-list .wrapper{
	display:flex;
	flex-wrap:wrap;
	margin:0 -1%;
}
section.events-list div.event-entry{
	width:31%;
	position: relative;
	background: #fff;
	margin:1%;
}
section.events-list div.event-entry img{
	display:block;
	width:100%;
	height:auto;
}

section.events-list .event-image {
	position: relative;
	width: 100%;
}


section.events-list .event-info {
	padding: 1.5em 2rem;
}

section.events-list .event-info h3 {
	font-size: 2.25em;
	color: var(--main-color);
	font-weight: 600;
}

section.events-list .event-info h4 {
	font-size: 1em;
	font-weight: 600;
	color: var(--main-color);
}

section.events-list .event-info p {
	font-size: 0.875em;
	font-weight: 400;
	margin-bottom: 0;
}

section.events-list .event-date {
	display: flex;
	  margin: 10px 0 0 0;
	  position: absolute;
	  bottom: 0;
	  padding: 15px 30px;
	  background:linear-gradient(300deg, #ece7d7 0%, #f0ece1 100%);
	  left: 0;
	  width: 100%;
}



section.events-list p.date {
	margin: 0 0 1em 0;
	line-height: 1em;
	font-size: 1.125em;
	color: var(--second-color);
	font-weight: 600;
}



@media screen and (max-width:950px){
	section.events-list div.event-entry{
		width:48%;
		margin: 0 1% 40px 1%;
	}

}


@media screen and (max-width:800px){
	section.events-list div.event-entry{
		width:98%;
		margin: 0 0 40px 0;
	}

}
@media screen and (max-width:600px){

}