@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic");

    .event-list {
		list-style: none;
		/*font-family: 'Lato', sans-serif;*/
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px;
		margin-top: 20px;
	}

	.event-list > li > a {
		text-decoration: none;
		color: black;
		display:inline-block;
	    width:100%;
	    height:100%;
	}

	.event-list > li > a >time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: #083a6b;
		padding: 10px;
		text-align: center;
	}
	.event-list > li:nth-of-type(even) > a > time {
		background-color: #217788;
	}
	.event-list > li > a > time > span {
		display: none;
	}
	.event-list > li > a > time > .month {
		display: block;
		font-size: 25pt;
		font-weight: 400;
		line-height: 1;
	}
	.event-list > li > a > time > .year {
		display: block;
		font-size: 18pt;
		font-weight: 300;
		line-height: 1;
	}

	.event-list > li > a > .info {
		padding-top: 10px;
		text-align: center;
		padding:5px;
		font-size: 18pt;
		font-weight: 400;
		vertical-align:middle;
        word-wrap: break-word;
	}
	
	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 70px;
			padding: 0px;
			background-color: rgb(245, 245, 245);
		}

		.event-list > li > a > time  {
			display: inline-block;
			width: 100px;
			float: left;
			height: 70px;
			padding: 5px;
			margin: 0px;
			margin-right: 1rem;
		}
	
		.event-list > li > a > .info {
			overflow: hidden;
			padding:5px;
			position: relative;
			height: 70px;
			text-align: left;
			padding: 0px 10px;
			font-size: 20pt;
			display: table-cell;	
			vertical-align: middle;
		}	
	
	}

.margtop{
	margin-top: 7px;
}