body{
	font-family: 'Open Sans', sans-serif;
	background-color: #E5E5E5;
}
.footer{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-itmes: center;
	width: 100%;
	background-color:#676767;
	height: 150px;
	color: white;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
}
.footerCall{
	font-weight: 700;
}
.copyrite {
	font-family: Mulish, open-sans;
font-size: 10px;
font-weight: 400;
line-height: 12.55px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}



.mainContainer {
	width: 100%;
	max-width: 1000px;
	margin: 2em auto;
}	
	
	
.topBar {
	display: flex;
	width: 100%;
	height: 75px;
	font-size: 26px;
	align-items: center;
	justify-content: center;
	background-color: #8EC63F;
	color: white;
	margin-bottom: 50px;
}
	



.heroImage {
	width: 80%;
	max-width: 700px;
	margin: auto;
}
.heroImage img {
	width: 100%;
}

.Kids_Kamp_Text {
	width: 100%;
	max-width: 700px;
	margin: auto;
	font-size: 24px;
}


.buttonWrapper {
	display: flex;
	justify-content: space-around;
}

.button {
	width: 275px;
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	background-color: #8EC63F;
	border-radius: 14px;
	margin: 50px auto;
}
.button button {

	width: 275px;
	font-size: 20px;
	background-color: #8EC63F;
	text-align: center;
	color:white;
	border-radius: 14px;
	border: none;
}
a{text-decoration: none;}


@media screen and (max-width: 650px){
	.heroWrapper {display:inline;}
	.heroImage {width:80%;}
	.Kids_Kamp_Text {width: 80%; font-size: 20px;}
}

@media screen and (max-width: 650px){
  .buttonWrapper {flex-direction:column;  
}