.mainContainer{
	width: 100%;
	max-width: 1000px;
	margin: auto;

}
.phoneHomeVideoWrapper{display: none;}
.mobileHero{display:none;}
.wrapper {display: flex;}
.addressBar{
	height: 1.5em;
	color: #56497F;
	width: 80%;
	display: block;
	font-size: 20px;
	align-items: center;
	word-wrap: wrap;
	margin: auto;
	text-align: center;
	padding: 1em 0;
}

.heroImage{
	width: 100%;
	padding-bottom: 2em;
	z-index: -1;
}
.heroImage img{
	width: 100%;
}
.randomImage {
	width: 32.5%;
	min-width: 200px;
	height: auto;
	margin-top: -380px;
	margin-left: 63%;
	z-index: 1;	
}
@media screen and (max-width: 995px) {.randomImage{margin-top:-350px;}}
@media screen and (max-width: 965px) {.randomImage{margin-top:-320px;}}
@media screen and (max-width: 890px) {.randomImage{margin-top:-290px;}}
@media screen and (max-width: 700px) {.randomImage{margin-top:-260px;}}
@media screen and (max-width: 640px) {.randomImage{margin-top:-215px;}}


.randomImage img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 875px) {
	.addressBar{
		font-size: .85em;
	}
	
}
@media screen and (max-width: 675px) {
	.randomImage{display:none;}
	.mobileHero{
		display: block;
		width: 100%;
	}
	.mobileHero img{
		width: 100%;
	}
	.mobileRandomImage{
		display:block;
		width: 100%;
		max-width: 420px;
		margin: auto;
	}
	.mobileRandomImage img{
		width: 100%;
	}
	.addressBar {
		font-size: .80em;
		padding: .2em 0;
	}
}
@media screen and (max-width: 675px) {
	.addressBar{
		font-size: .65em;
		padding: 0;
	}
}

.sloganWrapper{
	width: 83%;
	margin: auto;
	height: auto;
}
.slogan{
	font-size: 25px;
}
.sloganAddress{
	font-size: .8em;
}
.indexBody{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto 0;
}
.indexBodyLeftSpacer{
	width: 12%;
	max-width: 120px;
	margin: auto 0;
	height: 30px;
}
.indexBodyText{
	width: 54%;
	max-width: 540px;
}
.heaven{
	width: 29%;
	max-width: 290px;
	margin: auto 0;
}
.heaven img {
	width: 100%;
}
.indexBodyRightSpacer{
	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;
}
.indexBodyText a{
	text-decoration: none;
}

.headline {
	width: 100%;
	max-width: 750px;
	margin: auto;
}

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

	.indexBody {
		display: block;
	}
	.indexBodyLeftSpacer {
		display: none;
	}
	.indexBodyRightSpacer {
		display: none;
	}
	.indexBodyText{
		width: 100%;
		max-width : 800px;
		margin: auto;
	}
	.heaven{
		width: 100%;
		max-width: 290px;
		margin: auto;
	}
}
@media screen and (max-width: 640px) {
	.mainImage{
		display: none;
	}
	.randomImage{
		margin: auto;
	}
}


@media screen and (max-width 360px){
	
}