.calendar {
	position: relative;
	margin-bottom: 10px;
	padding: 25px 25px;
   /* background-image: url("../images/book-bckg.jpg"); */
	background-size: cover;
	background-position: center;
	background-color: #c18f59;
	opacity: 0.9;}
	
ul {
    list-style-type: none;
}
		
/* Month header */
.month {
	  padding: 10px 0 10px 0;
	  width: 100%;
	  text-align: center;
	}
	
.month ul li {
	  font-size: 38px;
	  color: #fff; 
	  text-transform: uppercase;
	  letter-spacing: 1px;
	}

.month ul li span {
	  font-size: 38px;
	  color: #fff; 
	  letter-spacing: 10px;
	}
		
/* Weekdays (Mon-Sun) */
.weekdays {
	  margin: 0;
	  padding: 10px 0;
	  background-color:#000;
	}
	

.weekdays li {
	  display: inline-block;
	  width: 13.6%;
	  color: #fff;
	  text-align: center;
	}
	
@media only screen and (max-width: 767px) {
	.weekdays {
	  padding: 10px 10px 10px 20px;
}
	.weekdays li {
	  width: 12%;
}
}
	

	/* Days (1-31) */
.calDays {
	  padding: 10px 0;
	  background: #fff;
	  margin: 1;
	}
	

.calDays li {
	  list-style-type: none;
	  display: inline-block;
	  width: 13.6%;
	  text-align: center;
	  margin-bottom: 10px;
	  font-size:24px;
	  color: #c18f59;
	}
	
	/* Highlight the "current" day */
.calDays li .active {
	  padding: 10px 10px !important;
	  background: red !important;
	  color: yellow !important;
	}
	
@media only screen and (max-width: 767px) {
	.calDays {
	  padding: 10px 10px 10px 20px !important;
	  margin-bottom: 5px !important;
}
	.calDays li {
	  width: 12% !important;
	  border: 1px solid black !important;
}

	.calDays li span:empty {
	  width: 12% !important;
	  border: none !important;
}

	/* Highlight the "current" day */
.calDays li .active {
	  padding: 1px 6px 1px 6px !important;
	}
}


.calImg {
    -webkit-transition: all 300ms 0ms ease-in-out;
    transition: all 300ms 0ms ease-in-out;
	background-position: 0 .4em; 
}

.calImg:hover {
    -webkit-transform: scale(10);
    transform: scale(10);
}