.content {
	width: 1000px;
}

.contentDay {
	width: 80%;
	background-image: url('../img/papier.png');
	background-size: 100% 100%;
	padding: 50px;
	font-family: 'Calendar', sans-serif;
	text-align: center;
	color: #222222;
}

.dayTop, .dayCenter {
	display: flex;
	align-items: center;
}
.dayTop {
	margin-bottom: 50px;
}
.dayTopL, .dayCenterL {
	width: 20%;
}

.dayTopC, .dayCenterC {
	width: 60%;	
}

.dayTopC {
	font-size: 2em;
	font-weight: bold;
}

.dayTopR, .dayCenterR {
	width: 20%;
}

.dayCenter {
	margin-top: 50px;
}

.dayCenterL svg, .dayCenterR svg {
	width: 40px;
	height: 40px;
	fill: #000000;
}

.dayCenterC svg {
	width: 60px;
	height: 60px;
	fill: #000000;
}

.dayInfo {
	text-align: center;
}

.dayInfo hr {
	width: 70%;
	height: 2px;
	border: none;
	border-radius: 3px;
	background-color: #555555;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dayDay {
	font-size: 10em;
	font-weight: 600;
	line-height: 120px;
}

.dayDay a {
	text-decoration: none;
	color: silver;
	font-weight: 10;
}

.dayDay a:hover {
	color: #222222;
}

.dayDayName {
	font-size: 2.5em;
}

.dayHolidays {
	
}

.dayHolidays a {
	text-decoration: none;
	color: #222222;
	font-size: large;
}

.dayHolidays a:hover {
	color: #555555;
}

.dayHolidays ul {
	margin: 0;
	padding: 0;
}

.dayHolidays li {
	list-style: none;
}

.dayImieniny, .dayHolidays {
	margin-bottom: 20px;
}

.dayCalendarDescop {
	display: flex;
}

.dayCalendar {
	width: 300px;
	min-height: 200px;
	margin-top: 50px;
	border: 1px solid #555555;
	border-radius: 10px;
}

.calendar {
	border: none;
	border-collapse: collapse;
	margin: 10px;
}

.calendar table {

}

.calendar th {
	width: 35px;
	min-height: 10px;
}

.calendar td a {
	color: #222222;
	text-decoration: none;
}

.calendar td:hover {
	position: relative;
}

.calendar td:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* 50% zaciemnienia */
	z-index: 1;
	pointer-events: none; /* Zapobiega blokowaniu kliknięć */
}

.calendarMonthYear {
	padding-right: 20px;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.content {
		width: 100%;
	}
	.contentDay {
		width: 90%;
		padding: 50px 10px;
	}

	.dayDay {
		font-size: 5em;
		font-weight: 600;
		line-height: 120px;
	}

	.dayTop, .dayCenter {
		font-size: small;
	}

	.dayInfo hr {
		width: 90%;
	}

	.dayCalendar {
		margin: 0 auto;
		margin-top: 50px;
	}
}