.cal-width{
	width: 85%;
	margin: 0 auto;
	margin-left: 7.5%;
}


#eventlist2 { 
		list-style:none;
		margin-right: auto;
	margin-left: auto;
		padding-top: 4%;
		font-family: Comfortaa;
		height: 100%;			
		}




        #eventlist {
		list-style:none;
		margin-right: auto;
		margin-left: auto;
		padding-top: 4%;
		font-family: Comfortaa;
		height: 100%;
		}
		.location {
		color: #ff0068;
		font-weight: 900;
		text-align:  center;
		}
		.eventdateroot{
			color: #000; height: 32px;
		 background-color: #fff; border-radius: 150px; width: 100%; font-size: 120%; margin-bottom: 2px; font-weight: 400;
			
		}
		.eventdate1{
		float: left;
		margin-left: 12px;
		margin-top: 4px;
		}
		.eventdate2{
		float: right;
			margin-right: 12px;
			margin-top: 4px;
		}
		
        #eventlist li { list-style:none; padding-top: 2%; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #fff; border-radius: 150px; margin-bottom: 2%; 
-webkit-box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);
box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);}

 #eventlist2 li { list-style:none; padding-top: 2%; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #fff; border-radius: 150px; margin-bottom: 2%; 
-webkit-box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);
box-shadow: 0px 60px 32px 10px rgba(0,0,0,0.0);}
        .eventtitle {
        	font-weight:900;
        	color: #fff;
        	font-size: 150%;
        	text-align: center;

        	}
		#eventdate{
	
color: #fff;
}
    	
	
@media only screen and (max-width: 500px) {
	.eventdateroot{
	padding-top: 1px;
	font-size: 15px;
	height: 29px
	}
#eventlist li {	
	font-size: 10.5px;
	}
	
#eventlist2 li {	
	font-size: 10.5px;
	}	
	
	
	}
@media only screen and (max-width: 350px) {
	.eventdateroot{
	padding-top: 1px;	
	font-size: 13px;
	height: 27px
	}
#eventlist li {	
	font-size: 10.5px;
	}
	
#eventlist2 li {	
	font-size: 10.5px;
	}	
}