/* CSS DOCUMENT */

/* TABLE */
/*--------------------------------------*/
table {
	width: 100%;
	
	background: #ebebeb;
	margin: 30px;
	border-collapse: collapse;
	box-shadow: 0 0 50px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 50px rgba(0, 0, 0, .2);
}

#wrapOverall {margin: auto;}

/* MONTH */
/*--------------------------------------*/
.month {
	background: #fcb420;
	color: #fff;
    font-size: 3em;
	height: 45px;
	
}



/* WEEKS */
/*--------------------------------------*/
.weeks {
	background: #fff;
	height: 40px;
	font: 1em/1em ;
	color: #fcb420;
	text-align: center;
}



/* DAYS */
/*--------------------------------------*/
.week1 td {
	height: 50px;
	width: 50px;
	text-align: center;
	color: #212121;
}

.week2 td {
	height: 50px;
	width: 50px;
	text-align: center;

	color: #212121;
}

.week3 td {
	height: 50px;
	width: 50px;
	text-align: center;

	color: #212121;
}

.week4 td {
	height: 50px;
	width: 50px;
	text-align: center;

	color: #212121;
}

.week5 td {
	height: 50px;
	width: 50px;
	text-align: center;

	color: #212121;
}

.days:hover {
	background: #fcb420;
	color: #fff;

}

/* ---------------Tablet --------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 800px) {
    table {width: 80%}  
}

/* ---------------Mobile -------------------------------------- */
@media screen and (max-width: 500px) {
    table { 
    margin: auto;}
    
    #wrapOverall {padding-top: 30px}
}