#ww-banner {
	width: 100%;
	margin-bottom: 80px;
}

#ww-why {
	text-align: center;
	font-size: 200%;
	margin-bottom: 80px;
}

.ww-columns {
	display: flex;
}

.ww-column {
	flex: 0 0 47.5%;
	margin-bottom: 80px;
	padding-top: 40px;
}

.ww-column:first-of-type {
	border-top: 4px solid #923A7F;
	margin-right: 2.5%;
}

.ww-column:last-of-type {
	border-top: 4px solid #65C7C7;
	margin-left: 2.5%;
}

.ww-event {
	display: block;
	border-top: 2px solid #F7F7F6;
	border-top-left-radius: 4px;
	padding: 20px;
	padding-top: 10px;
	margin-top: 20px;
}

.ww-flex {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}

.ww-date-info, .ww-date-info-2 {
	flex: 0 0 40px;
	margin-left: -20px;
	margin-top: -10px;
	padding: 5px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #F7F7F6;
	font-family: "evelethclean_regular";
	text-align: center;
	margin-right: 40px;
	max-width: 40px;
	max-height: 55px;
}

.ww-date-info-2 {
	max-height: 90px;
}

.ww-date-info p:first-of-type, .ww-event-date-n {
	margin-bottom: 0;
	margin-top: -10px;
	color: #C83493;
	font-size: 200%;
}

.ww-date-info p:last-of-type, .ww-event-date-d {
	margin-bottom: 0;
	margin-top: -10px;
	font-size: 80%;
}

.ww-icon {
	flex: 1 1 100%;
	margin-top: -10px;
}

.ww-icon img {
	width: 120px;
	height: auto;
	margin-right: 20px;
	float: left;
}

.ww-icon p {
	margin: 0;
	font-family: "evelethclean_regular";
	font-size: 60%;
}

.ww-icon p:first-of-type {
	margin-top: 70px;
}

.ww-event-details {
	margin-left: 60px;
}

.ww-dotted-hr {
	border-bottom: 0;
	border-top: 2px dotted #C83493;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 80%;
}

.ww-event-details h5 {
	margin-bottom: 10px;
}

.ww-event-details p:first-of-type {
	margin-bottom: 10px;
}

.ww-spread {
	display: flex;
	margin-bottom: 120px;
}

.ww-riders {
	flex: 0 0 47.5%;
	margin-right: 2.5%;
	background-color: #1E4A3D;
	border-radius: 8px;
	padding: 40px;
	color: white;
}

.ww-riders img {
	height: 60px;
	margin-bottom: 20px;
}

.ww-social {
	flex: 0 0 47.5%;
	margin-left: 2.5%;
	background-color: black;
	border-radius: 8px;
	padding: 40px;
	color: white;
}

.ww-social hr {
	border-bottom: 0;
	border-top: 1px solid white;
	width: 50%;
	margin-bottom: 20px;
	margin-top: 10px;
}

.yqr-button {
	display: none;
	margin-bottom: 40px;
}

@media only screen and (max-width: 1099px) {
	.ww-columns {
		flex-wrap: wrap;
	}
	
	
	.ww-column {
		flex: 0 0 80%;
	}
	
	.yqr-button {
		display: block;
	}
}

@media only screen and (max-width: 899px) {
	
	#ww-banner {
		margin-bottom: 40px;
	}
	
	#ww-why {
		font-size: 150%;
		margin-bottom: 40px;
	}
	
	.ww-column {
		flex: 0 0 90%;
	}
}

@media only screen and (max-width: 699px) {
	.ww-column {
		flex: 1 0 100%;
	}
	
	.ww-spread {
		flex-wrap: wrap;
	}
	
	.ww-riders, .ww-social {
		flex: 1 0 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.ww-riders {
		margin-bottom: 40px;
	}
}


.ww-event-done {
	background: repeating-linear-gradient(
	  45deg,
	  #EE3124,
	  #EE3124 2px,
	  white 2px,
	  white 20px
	);
}