.mainContainer{
	width: 100%;
	max-width: 1000px;
	margin: auto;
}
.heroImage{
	width: 100%;
	z-index: -1;
}
.heroImage img{
	width: 100%;
}
.addressInfo{
	margin-left: 2em;
	color: #56497F;
	height: 33px;
	width: 58%;
	display: flex;
	font-size: 14px;
	align-items: center;
	word-wrap: wrap;
}
.sloganWrapper{
	width: 83%;
	margin: auto;
	height: auto;
	//max-height: 3em;
}
.slogan{
	font-size: 25px;
}
.sloganAddress{
	font-size: .8em;
}
.heaven{
	width: 29%;
	max-width: 290px;
	margin: auto 0;
}
.mainBody{
	dislplay: flex;
	justify-content: space-around;
}
.mainLeft{
	width: 54%;
	max-width: 540px;
}
.mainLeftSpacer{
	width: 12%;
	max-width: 120px;
	margin: auto 0;
	height: 30px;
}
.mainRightSpacer{
	width: 3%;
	max-width: 30px;
	margin: auto 0;
	height: 30px;
}
.comeButton{
	display: flex;
	align-items: center;
	width: 12em;
	height: 3em;
	color: white;
	text-decoration: none;
	background-color: rgba(86, 73, 127, 0.75);
	border-radius: 20px;
	justify-content: center;
}
.mainBodyText a{
	text-decoration: none;
}


@media screen and (max-width 510px){
	.addressInfo{
		margin: 1em;
		display: table;
		height: 2.5em;
		max-width: 80%;
	}
}


@media screen and (max-width: 875px) {

	.addressInfo{
		margin: .5em 0;
		width: 100%;
		min-height: 3em;
		text-align: center;
	}
	.mainBody {
		display: block;
	}
	.mainBodyLeftSpacer, .mainBodyRightSpacer{
		display: none;
	}
	.mainBodyText{
		width: 100%;
		max-width : 800px;
		margin: auto;
	}
	.heaven{
		width: 100%;
		max-width: 290px;
		margin: auto;
	}
}