body {
	width: 100vw;
	margin: 0em;
	padding: 1em;
	color: #61351A;
	background-color: #f2EBCF;
	font-family: Calibri, Arial, sans-serif;
}

h1, h2, h3, h4 {
	text-align: center;
	color: #B8592D;
}

.full-width {
	width: 100vw;
}

.full-height {
	height: 100vh;
}

#footer {
	text-align: center;
	margin: 2em 0em;
}

.middle-box {
	position: absolute;
	top: 0vh;
	left: 0vw;
	margin: 25vh 25vw;
	width: 50vw;
	border: ridge #B8592D 4px;
	background-color: #FFFFFF;
	opacity: 0.7;
}

.middle-box p {
	padding: 0em 1em;
	text-align: center;
	font-weight: bold;
	font-size: 200%;
}

@media all and (max-width: 1150px) {

	.middle-box {
		margin: 10vh 5vw;
		width: 90vw;
	}
	
	.middle-box p {
		padding: 0em 1em;
		text-align: center;
		font-weight: bold;
		font-size: 150%;
	}

}