body {
	font-family:Montserrat;
	margin:0;
}
#olay {
	height:100vh;
	width:100vw;
	background-color:black;
	opacity:.8;
	position:fixed;
	z-index:1;
	display:none;
	margin:0;
	top:0;
}
#olay2 {
	min-height:200px;
	width:40%;
	background-color: #146638;
	opacity:1;
	position:fixed;
	z-index:1;
	display:none;
	margin:0 auto;
	margin-left:30%;
	margin-top:20px;
	border-radius:10px;
	padding:20px;
	text-align:center;
	/*background-image:url('site-images/modalback.jpg');*/
	font-weight:bold;
	color:white;
	text-shadow:2px 2px 2px black;
	background-size:cover;
	box-shadow:0px 0px 50px lime;
	border:3px solid lime;
}
input {
	width:75%;
	font-size:18px;
	border:1px solid #F0F0F0;
	margin-bottom:5px;
	border-radius:4px;
	padding:5px;
	background-color:#F2F2F2;
	font-family:Acme;

}
#main {
	margin:0;
}
#header {
	height:90px;
	margin:10px
}
#logo {
	height:100%;
	float:left
}
#logo > a > img {
	height:100%;
}
#navigation {
	float:right;
	padding-top:20px;
	margin-right:30px;
	margin-left:20px;
	text-align:right
}
.link {
	padding:10px;
	border:1px solid #808080;
	border-radius:4px;
	float:right;
	margin-right:7px;
	background:#62C706;
	color:white;
	text-shadow: 1px 1px 2px black;
	font-weight:bold;
}
.link:hover {
	cursor:pointer;
	background:#146638;
	color:white;
}
#topper {
	float:right;
	padding:10px;
	font-weight:bold;
	font-size:22px
}
#intro {
	height:400px;
	width:800px;
	margin:0 auto;
	background-image:url('site-images/slide1.jpg');
	background-size:cover;
}
#slice1,#slice3 {
	border-top:2px solid #62C706;
	border-bottom:2px solid #62C706;
	background:#F0F0F0;
	padding:30px;
	text-align:center;
	font-size:40px;
}
#slice2 {
	border-top:2px solid #62C706;
	border-bottom:2px solid #62C706;
	background:#99CD87;
	padding:30px;
	text-align:center;
	font-size:40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
	margin:0 auto;
	width:100%;
}
#slice2 > div {
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:34px;
	color:white;
	text-shadow: 1px 1px 2px black;
	font-weight:800;
	clear:both
}
#slice2 > div > button {
	width:auto;
	padding:12px;
	font-size:30px;
	background:#5FC600;
	border:2px solid #146638;
	border-radius:50px;
	margin-top:20px;
	color:white;
	font-family:Anton;
	padding-left:30px;
	padding-right:30px;
	
}

#easybutton:hover {
	cursor:pointer;
}

#slice2 > div > img {
	
}
#slice3 > div {
	width:800px;
	margin:0 auto;
}
#slice3 > div > img {
	width:100%;
}
.aboutg {
	width:800px;
	margin:0 auto;
	text-align:left
}
#slice4 {
	background:#333333
}
#slice4 > div {
	width:800px;
	margin:0 auto;
	text-align:center;
	padding:10px;
	color:white;
	font-size:34px;
}
#slice5 {
	border-top:2px solid #62C706;
	border-bottom:2px solid #62C706;
	background:#146638;
	padding:30px;
	text-align:center;
	font-size:40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
	margin:0 auto;
	width:100%;
}
#slice5 > div {
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:34px;
	color:white;
	text-shadow: 1px 1px 2px black;
	font-weight:800;
	clear:both
}
@media screen and (max-width: 600px) {
	#olay2 {
		width:90%;
		margin-left:0%;
	}
	.link {
		width:100%;
		margin-bottom:4px;
	}
	.phno {
		margin:0 auto !important;
		width:100%;
	}
	#slice3 > div > img {
		width:100% !important;
	}
	iframe {
		width:100% !important;
		height: auto !important;
	}
	#slice2 > div {
		width:100%;
		text-align:center
	}
	#slice2 > div > button {
		width:100%;
		text-align:center;
		margin-top:20px !important;
	}
	#slice4  > button {
		width:100% !important;
		text-align:center !important;
		margin-top:20px !important;
	}

	#slice2 > div > img {
		width:100% !important;
	}
	#easybutton {
		margin:0 auto !important;
		width:90%;
		margin-top:20px;
	}
	#slice3 > div {
		width:100%;
		text-align:center
	}
	#slice3 > img {
		width:100% !important;
	}
	#gimd {
		width:100% !important;
	}

	#slice4 > div {
		width:100%
	}
	#slice4 > div > img {
		width:100% !important;
	}
	#slice5  > div {
		width:100% !important;
		text-align:center !important;
	}
	
	#slice5  {
		width:100% !important;
		text-align:center
	}
	#slice5 > div > img {
		width:100% !important;
		float:none;
		height:auto;
		margin-bottom:20px;
	}

	#slice5 > div > p > a {
		width:80% !important;
	}
	#slice5 > div > p > a {
		width:80% !important;
	}
	#flogo {
		width:100%;
	}



}
@media screen and (max-width: 900px) {
	#logo {
		height:100%;
		float:none;
	}
	#header {
		text-align:center;
		height:auto;
	}
	#navigation {
		width:90% !important;
		clear:both;
		float:;
		text-align:center;
		margin:0 auto !important;

	}
	#logo > a > img {
		width:100%;
	}
	#intro {
		clear:both;
	
		width:100%;

	}

}