.back-div {
	background-attachment: scroll;
	background-image: url("../images/quake-top.png");
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0px;
	box-sizing: border-box;
	color: rgb(68, 68, 68);
	left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -10;
}
.main-text{

	z-index: 10;
	box-sizing: border-box;
	color: rgb(224, 17, 12);
	font-family: Merriweather;
	font-size: 33px;
	font-weight: 400;
	overflow-wrap: break-word;
	text-align: center
}

.smaller-text{
	box-sizing: border-box;
	color: rgb(224, 17, 12);
	font-family: Lora;
	font-size: 16px;
	font-weight: 400;
	overflow-wrap: break-word;
}

.next-div{
	background-attachment: scroll;
	background-color: rgb(68, 68, 68);
	background-image: linear-gradient(rgba(68, 68, 68, 0), rgba(68, 68, 68, 0)), url("../images/toilet.jpg");
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-size: cover, cover;
	bottom: 0px;
	box-sizing: border-box;
	color: rgb(250, 250, 250);
	left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 96
}
.theRenderer {
	position : absolute;
	top : 0;
	left : 0;
	z-index : -9;
}