body {
	background-color: white;
}
h1 {
	font-size: 3rem;
	text-shadow: 0 0 15px rgba(0, 255, 255, 0.5); /* Glowing text effect */
	color: #20447B;
}
p {
	font-size: 1rem;
	margin: 10px 0px 10px 0px;
	color: #a6f3f7; /* Light aqua color to resemble moonlight */
	text-shadow: 0 0 15px rgba(0, 255, 255, 0.5); /* Glowing text effect */
	animation: fadeInText 6s ease-in-out forwards;
}
.menu-item a, .menu-item-space {
    color: #20447B;
}
.desc	{
	text-align: center;
	width: auto; /* fit-content */
	min-height: 30px;
	color: black;
	font-family: "Book Antiqua";
	font-size: clamp(24px, 4vw, 32px);
	background: white;
	padding: 10px;
	border: 1px solid #000;
	margin: -4px 0px 40px 0px;
}
.desc-mb15	{
	text-align: center;
	width: auto; /* fit-content */
	min-height: 30px;
	color: black;
	font-family: "Book Antiqua";
	font-size: clamp(24px, 4vw, 32px);
	background: white;
	padding: 10px;
	border: 1px solid #000;
	margin: -4px 0px 40px 0px;
}
.desc-k	{
	text-align: left;
	width: auto; /* kehys */
	min-height: 30px;
	color: black;
	font-family: "Book Antiqua";
	font-size: clamp(20px, 4vw, 26px);
	background: white;
	border: 1px solid #000;
	margin: -4px 0px 40px 0px;
}
.p-w { /* gallerian laatikkoteksteille */
	font-size: 20px;
	font-family: Arial;
	color: white;
	padding: 20px 0px 20px 0px;
	margin-bottom: 0px;
}
h3 {
	color: #666666;
	font-family: Arial;
	font-size: clamp(30px, 4vw, 36px);
	margin-top: 20px;
}
.spacetop {
    margin-top: 100px;
}
.grid-container-4 {
    display: grid;
    grid-template-columns: auto auto auto auto;
    }
.grid-item {
	min-height: 208px;
    border: 1px solid white;
    overflow: hidden;
    margin: 0px;
    padding-bottom: 25px;
    text-align: center;
    background: linear-gradient(#386497, #2C5078);
}
.img-g {
	width: auto;
	max-height: 120px;
	max-width: 240px;
}
.img-gc, .middle {
	margin-left: auto;
    margin-right: auto;
    display: block;
}
@media only screen and (max-width: 1200px) {
	.grid-container-4 {
		grid-template-columns: 1fr 1fr;
	}
	.grid-item {
		width: 100%;
		height: 100%;
	}
	.img-g {
		max-height: unset;
		max-width: 80%;
	}
}
@media only screen and (max-width: 600px) {
	h3 {
		font-size: clamp(32px, 6vw, 59px);
		padding: 35px 10px 5px 10px;
	}
	.grid-container-4 {
		grid-template-columns: 1fr;
		width: 100%;
	}
	.grid-item {
		width: 100%;
		border: none;
	}
}