// .style1 {
//	background:url(./images/musicalnotes.jpg) repeat;
// }

#logoimageholder {
	display:inline-block;
	z-index:99; 
	position: absolute; 
	width:10vw;
	mix-blend-mode: multiply;
}

#calendar {
	position: fixed;
	padding: .5vw;
	margin: .5vw;
	width: 95vw;
	height: 95vh;
//	border: 1px solid #000!important;
}
#monthname {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	font-size: 4vw;
}
.dayname {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	font-size: 1.7vw;
	font-weight: bold;
}
.grid-container {
	display: grid;
	grid-template-columns: 13.5vw 13.5vw 13.5vw 13.5vw 13.5vw 13.5vw 13.5vw;
//	grid-template-columns: auto auto auto auto auto auto auto;
//	border: 1px solid #0F0;
}

.grid-container div {
	border: 1px solid #000;
}

.grid-container div div{
	border: none;
}

.day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1vw;
	min-height: 13vh;
	padding: 0px;
}

.daynumber {
	text-align: center;
	padding: .2vw;
	background-color: #bfb;
	width: 1.3vw;
	margin: 0px;
	display: inline-block;
	font-weight: bold;
	color: #040;
//	border: 1px solid #000!important;
}

#daysgridparent {
//	border: 1px solid #000!important;
	height: 85vh;
}

input[text], td {
	font-family: Arial, Helvetica, sans-serif;
}

.othermonth {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	font-size: 2.0vw;
	font-weight: normal;
	text-decoration: none;
}	

@media {}