table {
        width: 100%;
        border-collapse: collapse;
    }

    th {
        text-align: center;
        height: 30px;
		width: 14%;/* Adjust the height as needed */
        vertical-align: center; /* Align content to the top */
		border: 1px solid #D0D0D0;
    }
	td {
        text-align: center;
	    font-size: 44px;
        height: 50px;
		width: 14%;/* Adjust the height as needed */
        vertical-align: center; /* Align content to the top */
		border: 1px solid #D0D0D0;
    }
	.month-header {
            background-color: #064685;
            color: #fff;
            font-weight: bold;
            font-size: 44px;
		    margin-bottom: 0px;
        }
        .day-of-week {
            background-color: #b2d8fd;
			font-size: 24px;
        }
        .holiday {
            color: red;
            font-weight: bold;
        }
        .sunday {
            color: red;
        }
	   .sunday.holiday {
        font-weight: bold !important;
		border-bottom: 4px solid red;
        }
        .mjesecina {
        font-size: 22px;
		height: 32px;
		margin-right: 14px
        }
		@media (max-width: 767px) {
td {
        text-align: center;
	    font-size: 24px;
        height: 50px;
		width: 14%;/* Adjust the height as needed */
        vertical-align: center; /* Align content to the top */
		border: 1px solid #D0D0D0;
    }
	.month-header {
            background-color: #064685;
            color: #fff;
            font-weight: bold;
            font-size: 30px;
        }
		.mjesecina {
        font-size: 18px;
		height: 27px;
		margin-right: 12px
        }
		}
@media (max-width: 576px) {
td {
	    font-size: 17px;
        height: 34px;
		width: 14%;/* Adjust the height as needed */
    }
	.month-header {
            background-color: #064685;
            color: #fff;
            font-weight: bold;
            font-size: 24px;
        }
    .day-of-week {
            background-color: #b2d8fd;
			font-size: 17px; 
    }
	.mjesecina {
        font-size: 14px;
		height: 22px;
		margin-right: 0px
        }

		}