#calleftcol, #calcentercol, #calrightcol {float: left; width: 33%; display: inline; margin: 20px 0;}
.calendar { 
	width: 100%; 
	font-size: 0.65em;/*12*/ 
	line-height: 1.25em;/*15*/ 
	border-collapse: collapse; 
	border-spacing: 0; 
	-moz-box-shadow: 0px 0px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}

.calendar h3 { margin: 0; font-size: 1.2em; font-weight: bold; }

.calendar th { text-align: left; }
.calendar th span { display: none; }
.calendar thead tr th {background-color: #333; color: #fff; padding: 10px; }

.calendar tr { display: block; }
.calendar td,
.calendar th { display: none; }

.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }

.calendar .events { display: block; }

.calendar ul { display: block; list-style: none; margin: 0; padding: 0; text-align: left;}
.calendar li { display: block; position: relative; margin: 0 0 20px 0; padding: 0;   }
.calendar li a { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 1.3em; line-height: 1.2em; padding: 3px 0 5px 0; margin: 0;}

.calendar tr td:nth-of-type(1n) .day:before { content: 'Monday '; }
.calendar tr td:nth-of-type(2n) .day:before { content: 'Tuesday '; }
.calendar tr td:nth-of-type(3n) .day:before { content: 'Wednesday '; }
.calendar tr td:nth-of-type(4n) .day:before { content: 'Thursday '; }
.calendar tr td:nth-of-type(5n) .day:before { content: 'Friday '; }
.calendar tr td:nth-of-type(6n) .day:before { content: 'Saturday '; }
.calendar tr td:nth-of-type(7n) .day:before { content: 'Sunday '; }

.calendar .prev-month,
.calendar .next-month { display: none; }

#month_year { font-family: 'PT Serif', serif; font-size: 22px; line-height: 1.4em; margin: 0 0 .4em; font-weight: bold; color: white;}
#month_year a {color: white; }

#days { font-family: 'PT Serif', serif; font-size: 16px; line-height: 1.4em; margin: 0 0 .4em; font-weight: bold; color: white;}

@media only screen and (min-width: 30em) { /*480*/

.calendar tr { display: table-row; }
.calendar { -moz-box-shadow: 0 1px 9px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 9px rgba(0,0,0,.1);
  box-shadow: 0 1px 9px rgba(0,0,0,.1);}

.calendar th, .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; padding: 0.4166em;/*10*/ border: 1px solid #babcbf; vertical-align: top; }

.calendar .prev-month .day,
.calendar .next-month .day { color: #bbb; }

.calendar .prev-month,
.calendar .next-month { background-color: #f6f6f6; }

.calendar td .day { display: block; float: right; margin: 0; font-weight: normal; }
.calendar td .day:before { display: none; }
.calendar td .suffix { display: none; }

}

@media only screen and (max-width: 1020px) and (min-width: 768px) { /*640*/

	/* show full days (e.g. "Mon" to "Monday") */
	.calendar th span { display: inline; }
}

@media only screen and (min-width: 768px) and (min-height: 20em) {

	.calendar td { height: 9.25em;/*75*/ }
}