#aside-events { width: 320px; display: block; vertical-align: top; margin: 10px auto; }

#aside-events .aside-upevents { display: block; with: 100%;max-width: 76%; margin: 0 auto; border-radius: 5px; }

#aside-events .activities-calendar .container-sm { max-width: 320px; padding-bottom: 0; display: inline-block;  }
#aside-events .activities-calendar .event-calendar__holder { padding: 10px; border-radius: 5px; }
#aside-events .activities-calendar .event-calendar__headline { font-size: 1.6em; text-align: center; margin: 40px 10px; }
#aside-events .activities-calendar .event { margin-bottom: 20px; padding: 10px; border-bottom: 1px solid #a6a6a6; border-top: 1px solid #a6a6a6; background-color: #f7f7f7; }
#aside-events .event__date { max-width: 70px; }
#aside-events .activities-calendar .event__date-text { font-size: 1.3em; }
#aside-events .activities-calendar .event__date-text strong { font-size: 1.5em; }
#aside-events .activities-calendar .more--link { font-size: 1.3em; }
#aside-events .event__text .time { font-size: 1em; }
#aside-events .activities-calendar .more--link { font-size: 1em; }

@media (max-width: 1403px) {
    .box-aside { margin: 0; display: inline-block; }
    #aside-events { margin-left: 30px; display: inline-block; }
	#aside-events { margin: 0px auto; }
	.activities-calendar { padding: 0 !important; margin: 0 0 0 20px !important; }
	#aside-events .activities-calendar .container-sm { margin: 0 !important; }
}


@media (min-width: 1025px) {
	#aside-events .activities-calendar { margin: 18px 0 40px; }
	#aside-events .activities-calendar .event-calendar__holder { border-left: 1px solid #252525; max-width: 320px; margin: 20px auto; }
	div.box-aside > h3, .h3 { font-size: 1.2em !important; }
}

@media (max-width: 1024px) {
	#aside-events .activities-calendar .container-sm { margin: 20px auto; }
	#aside-events .event-calendar__holder { border: 1px solid #252525 !important; }
}

@media (max-width: 768px) {
	.box-aside { width: 320px !important; display: block !important; margin: 0 auto !important; }   
	#aside-events { display: block; margin: 20px auto !important; }
	.activities-calendar { margin: 0 !important; }
}

@media (max-width: 699px) {
	.box-aside { display: block; margin: 20px auto; }
	#aside-events .aside-upevents { display: inline-block; vertical-align: top; margin: 20px; }
	#aside-events .activities-calendar { margin: -70px 0 40px; }
	#aside-events .event-calendar { border-top: none; }
	.gen3col .cta-link { font-size: 1.5em; }
	#content { padding: 30px 15px 40px 15px; }
	.content-container { font-size: 1.2em; }
	#aside-events .aside-upevents { max-width: 100%; }
	#aside-events .activities-calendar .container-sm { max-width: 100%; }
}