#cal {
	text-align:center;
}
#cal h2 {
	font: bold 1.4em Georgia, Palatino, "Times New Roman", Times, serif;
	color: #630;
	margin-bottom: .5em;
}
#cal h3 {
	font-size:1.2em;
}
#cal h4 {
	font-size:1em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #036;
	padding: 4px 4px 6px;
	width: 50%;
	margin: 30px auto 0px;
	border-radius: 16px;
}
#cal ul {
	margin-top:0;
}
#cal a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#cal a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#cal pre {
	font-family:"Courier New", Courier, mono;
	margin-bottom:5px;
	padding-right: 2px;
	padding-left: 2px;
}
#cal th.r {
	text-align:right;
	white-space:nowrap;
}
#cal a img {
	border:0;
}
#cal .c1 {
	background:#f0f0f0;
}
#cal .d0 {
	background:#e0e0e0;
}
#cal .small {
	font-size:90%;
}
#cal .bigger {
	font-size:130%;
}
#cal .bordtop, .bordbot, .bordmid {
	border-color:#00e;
	border-style:solid;
	border-left-width:1px;
	border-right-width:1px;
}
#cal .bordtop {
	border-top-width:1px;
	border-bottom-width:0px;
	text-align: center;
}
#cal .bordmid {
	border-top-width:0px;
	border-bottom-width:0px;
}
#cal .bordbot {
	border-top-width:0px;
	border-bottom-width:1px;
	text-align: center;
}
#cal .mark {
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	background: #ff0;
}
#cal .easter {
	font-weight: bold;
	color: #ff0;
	font-family: "Courier New", Courier, mono;
	background: #606;
	padding: 1px 2px;
	border: 1px solid #000;
}
#cal .sunday {
	color: #f00;
}
#cal .table-year {
	text-align: left;
	margin: 10px 0px 10px 50px;
}

/* ######################## CHANGES FOR MOBILE ######################## */
@media only screen and (max-width: 940px) {

/*  classes here */
#cal .table-year {
	margin: 10px 0px;
	font-size: 90%;
}

#cal h4 {
	width: 80%;
}

}