﻿
.calendar td{
	width: 200px;	
	position:relative;
	padding-bottom:50px;
	line-height:1;
}

	.calendar td:not(:first-child) {
		border-left: 1px solid #ce1f2c;
		padding-left: 10px;
	}

	.calendar td .padder{
	padding:5px !important;
}

.calendar .bigNumber {
	font-size: 70px;
	line-height: 55px;
	color:#ce1f2c;
	letter-spacing:normal;
	float:left;
	margin-right:5px;
}

.calendar .day, .calendar .month {
	display: block;
	line-height: 1.5;
	color: #ce1f2c
}

.calendar .month {
	font-size: 18px;
	font-weight: 600;
	color: #ce1f2c
}

.calendar .day {
	font-size: 16px;
}

.calendar .data {
	margin-top: 20px;
	line-height:1.2
}

	.calendar .data span {
		display: block;
			line-height:1.5
	}

	.calendar .data .title {
		font-size: 14px;
		font-weight:bold;
		display:block;
		margin-bottom:4px;
	}

	.calendar .more{
		position:absolute;
		bottom:0;
		right:10px;
	}


/*---------------- RESPONSIVE --------------------*/
@media screen and (max-width: 1100px) {
	.calendar td:nth-child(5) {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.calendar td:nth-child(4) {
		display: none;
	}
}

/*------------------------------------*/
@media screen and (max-width: 700px) {
	.calendar td:nth-child(3) {
		display: none;
	}
}

/*------------------------------------*/
@media screen and (max-width: 500px) {
	.calendar td{
		width: 90%;
		height: auto;
		border: none;
	}

		.calendar td:not(:first-child) {
			border-left: none;
		}

		.calendar td:nth-child(2) {
			display: none;
		}
}
