.green-box p {
	margin: 20px;
	line-height: 1.25em;
	text-align: left;
}

#page-1 .green-box {
	left: 8.9%;
	top: 2.3%;
	width: 82.3%;
}

#page-1 img {
	width: 400px;
	float: left;
	margin-right: 20px;
	margin-top: 7px;
	margin-bottom: 20px;
}

#page-2 .green-box {
	top: 48.3%;
	left: 5.6%;
	width: 88.7%;

	height: 47.6%;
}

#page-2 p { width: 470px; }

#page-3 .solid-light-purple-box { top: 20%; }

#preview {
	position: absolute;
	height: 438px;
	right: 0%;
	margin: 20px;
}

#preview, .preview-image { width: 585px; }

.preview-image {
	float: right;
	margin-left: 20px;
}

#preview .click, #preview .hover {
	position: absolute;
	top: 150px;
	width: 160px;
	display: inline-block;
	left: 230px;
	pointer-events: none;
}

#preview:hover .click { display: none; }
#preview:not(:hover) .hover { display: none; }

.solid-light-purple-box {
	top: 11%;
	left: 11%;
	position: fixed;
	width: 76%;
}

.solid-light-purple-box.sect2{ top: 40%; }

textarea {
	line-height: 1.1em;
	height: 3.7em;
}