.green-box {
	left: 9%;
	top: 2%;
	width: 82%;
	height: 93%;
}

.solid-light-purple-box {
	top: 29%;
	position: fixed;
	left: 10%;
	width: 80%;
}

.box { position: absolute; }

.contents {
	border: 6px solid white;
	border-radius: 5px;
	width: 490px;
	height: 370px;
	overflow: hidden;
}

.box p {
	margin-top: 0.4em;
	font-size: 0.8em;
}

.contents > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.no-border { border: none; }

/* ---- Panel 1 ---- */
#wavy-bay-pic,
#seal-beach-pic {
	position: absolute;
	width: 72%;
	object-fit: unset;
	height: unset;
	overflow: hidden;
	border: 4px solid white;
	border-radius: 0.25em;
}

#wavy-bay-pic {
	top: 3%;
	left: 2%;
	transform: rotate(-2deg);
}

#seal-beach-pic {
	top: 36%;
	left: 25%;
	transform: rotate(5deg);
}

#wavy-bay-pic img,
#seal-beach-pic img {
	width: 350px;
}

#wavy-bay-pic p,
#seal-beach-pic p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0.25em;
	font-weight: 600;
}


/* ---- Panel 4 ---- */
#old-wavy-bay {
	position: absolute;
	top: 4%;
	left: 10%;
	width: 78%;
	object-fit: unset;
	height: unset;
	overflow: hidden;
	border: 4px solid white;
	border-radius: 0.25em;
	transform: rotate(-2deg);
}

#drawing-area {
	transform: scale(0.45) rotate(2deg);
	position: absolute;
	left: -54%;
	margin-top: 0;
	top: 12%;
}

#box-1 {
	left: 2.3%;
	top: 6.4%;
}

#box-2 {
	left: 51.2%;
	top: 6.4%;
}

#box-2 p {
	letter-spacing: -0.01em;
	margin-left: 0;
}

#box-3 {
	left: 2.3%;
	top: 53.2%;
}

#box-4 {
	left: 51.2%;
	top: 53.2%;
}

/* ---- From Restoring Wavy Bay ---- */
#wavy-bay-holder,
#wavy-bay-map,
#drawing { position: absolute; top: 0; left: 0; }

.sticker {
	width: unset;
	height: 98px;
}

.in-picture.banner {
	width: 178px;
	height: 50px;
}

#sticker-wrapper img { margin: 10px 13px; }

.sticker.banner:not(.in-picture) { top: 18px; }

#old-wavy-bay { filter: grayscale(0.5); }