.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;
}



./sermonVideo {
	width: 100%;
	max-width: 670px;
	height: auto;
	margin: auto;
}

.sermonVideo iframe {
	width:100%;
	}
.addressInfo{
	margin-left: 2em;
	color: #56497F;
	height: 33px;
	width: 58%;
	display: flex;
	font-size: 14px;
	align-items: center;
	word-wrap: wrap;
}

.slogan{
	margin: auto;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
}
.slogan span{
	font-weight: 400;
}

.sloganAddress{
	font-size: .8em;
}

.heroWrapper{
	display: flex;
	align-items: center;
	width:100%;
	height: auto;
	//background-image: url("../map2.png");
	background-repeat: no-repeat, repeat;
	background-size: cover;
	background-color: white;
	justify-content: space-around;
}

.shipwrecked {
	width: 100%;
	max-width: 500px;
	padding:2%;
	box-sizing: border-box;
}
.shipwrecked img{
	width: 100%;
}
.kidsKamp{
	width: 100%;
	max-width: 500px;
	padding:2%;
	box-sizing: border-box;
}
.kidsKamp video {
	width: 100%;
	height: 100%;
}


.heroImage{
	width: 100%;
	padding: 2% 0;
}
.heroImage img{
	width: 100%;
}

.hImage{
	width: 100%;
	max-width:600px;
	margin: auto;
}

.hImage img{
	width:100%;
}

.heroButton {
	display: flex;
	justify-content: center;
	font-weight: 700;
}

.hbutton {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 41px;
	background-color: #8FC63F;
	margin-top: 1em;
	color: white;
	
}

 a {
	text-decoration: none;
}

.sermonVideo {
	width: 75%;
	margin: auto;
	
}
@media screen and (max-width 400px){
	.sermonVideo {
		width: 95%;
		display: none;
	}
}

.sermonVideo video {
	margin: auto;
	width: 100%;

}

@media screen and (max-width 300px){
	.sermonVideo video {
		width: 95%;
		display: none;
	}
}

.pWrapper {
	display: flex;
	width: 100%;
	max-width: 781px;
	margin: auto;
	justify-content: space-between;
}

.spacer {
	width: .1%;
	height: auto;
}
.p1Wrapper{
	width: 100%;
}
.p1 {
	font-size: 15px;
}

.p1 h2 {
	font-size: 15px;
	font-weight: 700;
}

.p2Wrapper{
	display: flex;
	justify-content: space-between;
}

.p2 {
	font-size: 15px;
	width: 780px;
	margin: auto;
	font-weight: 400;
}

.comeBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 41px;
	background-color: #8FC63F;
	margin-top: 1em;
}

.welcome h2 {
	color: white;
	font-size: 16px;
	text-align: center;
	
}
.promise {font-weight: 700;}

.music {
		width:100%;
}
.music iframe {
	width: 100%;
	height:300px;
}
.music video {
    width: 100%;
    height: 300px;
}

.heaven {
width: 23%;
height: auto;

}
.heaven{
	width: 29%;
	max-width: 290px;
	margin: auto 0;
}
.heaven img {
	width: 100%;
}
.heavenImage {
	width: 100%;
	max-width: 235px;
	height: 313.37px;

}
.heavenImage img {
	width: 100%;
	
}
.heavenMessage{
	margin: -75px auto 0 auto;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	line-height: 21.6px;
	text-align: center;
	color: #3E7100;

}

.heavenButton {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #8FC63F;
	color: white;
	width: 101px;
	Height: 40px;
	font-family: Open Sans Condensed;
	font-size: 19.67px;
	font-weight: 700;
	line-height: 26.79px;
	text-align: center;
	margin: auto;
}

.heaven a {
	text-decoration: none;
}




@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;
	}
	.p2Wrapper {
		flex-direction: column;
	}
	.heaven {
		width: 80%;
		margin: auto;
	}
}
@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;
}





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