#home{
	background-image:url('../images/backgrounds/2025-10-24_Little_Shop.jpg');
	background-position:50%;
	background-size:cover;
	height:80vh;
	padding:10px;
	position: absolute;
	top:0;
	width:100%;
}
#home .logo{
	fill:var(--white);
	height:188px;
	width:200px;
}

#content .events{
	box-sizing:content-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:-110px auto 0px auto;
	max-width:1500px;
	min-height:80px;
	padding:70vh 10px 0 10px;
	position:relative;
}
#content .events .event{
	flex:1;
	margin:5px auto;
	max-width:450px;
	min-width:350px;
}
#content .events .event .date{
	background-color:var(--white) !important;
	color:var(--purple) !important;
	color-scheme:only light;
}
#content .events .event:hover .date{ color:var(--white) !important; }

#about,#mail .wrap{
	margin:0px auto;
	max-width:700px;
	padding:20px 10px;
	width:100%;
}
#about h1,#mail h1,#mail p{ margin:0px; }
#about p{ margin-top:0px; }

#mail{
	background-color:var(--red);
	color:var(--white);
}
form[name=mail] .footer .note{ color:var(--white) !important; }
form[name=mail] .footer a{ background-color:var(--white); }

@media screen and (max-width:400px){
	#header .logo{ display:block !important; }
	#home .logo{ display:none; }
}