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

.neighborhood-container {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 100%;
	z-index: 0;
}

#answer {
	transform: scaleX(0.50) scaleY(0.65);
    top: -88px;
    left: -232px;
}

#drawing-board {
	left: 0;
    top: 0;
	width: 100%;
	height: 100%;
}

.sticker.draggable {
	pointer-events:none!important;
}

.neighborhood-container .community-block {
    display: none;
}

.neighborhood-flood{
	visibility: hidden;
}

.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: 360px;
	overflow: hidden;
}

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

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

#box-2 img {
	height: 115%;
}

.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);
}

#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%;
}

/* ---- Panel 3 ---- */
.pic {
	position: absolute;
	width: 57%;
	object-fit: unset;
	overflow: hidden;
	border: 4px solid white;
	border-radius: 0.25em;
	height: 40%;
}

#pic1 img, #pic2 img, #pic3 img {
	width: 100%;
	object-fit: contain;
}

#pic1 { left: 0%;  top: 0%;  transform: rotate(2deg); }
#pic2 { left: 20%; top: 40%; transform: rotate(-2deg); }
#pic3 { left: 40%; top: 9%; transform: rotate(-6deg); }

/* ---- Panel 4 ---- */
.neighborhood-container {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 100%;
	z-index: 0;
}

.neighborhood-container .community-block {
    display: none;
}

.neighborhood-flood{
	visibility: hidden;
}

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

/*
#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%;
}
*/

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

.sticker {
    width: 120px;
    height: 120px;
}

.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); }
*/