body {
font-family: 'Zilla Slab', serif;
background-color: #fff;
min-width: 100%;
overflow-x: hidden;
color: #FFF;
}


a:link, a:visited, a:hover, a:active, a:focus {
color: white;
text-decoration: none; 
}

#container {
position: absolute;
left: 0%;
top: 0%;
width: 100%;	
min-height: 100%;
background-color: white;
}

		#Nav {
		position: fixed;
		width: 100%;
		height: 70px;
		font-family: 'Zilla Slab', serif;
		background-color: rgba(133,112,91,0.95);
		border-bottom: 3px solid #fff;
		left: 0px;
		top: 0px;
		}


		#NavTitle {
		display: inline-block;
		margin-top: 20px;
		margin-left: 20px;
		font-size: 30px;
		}

		#button {
		display: inline-block;
		float: right;
		margin-right: 40px;
		font-size: 20px;
		margin-top: 20px;
		}

		#rootstext {
		width: 200px;
		}


#HomeMain {
position: relative;
width: 100%;
min-height: 100vh;
background-image:url(images/RootsBG.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#HomeMain2 {
position: relative;
width: 100%;
min-height: 100vh;
background-image:url(images/RootsBGreg.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

		#box1 {
		display: inline-block;
		width: 210px;
		height: 600px;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 300px;
		border: 5px #769ab6 solid;
		background-color: rgba(118,154,182,0.8);
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		padding-bottom: 0px;
		}

		#box2 {
		display: inline-block;
		width: 210px;
		height: 600px;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 300px;
		border: 5px #f99a1b solid;
		background-color: rgba(249,154,27,0.8);
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		padding-bottom: 0px;
		}

		#box3 {
		display: inline-block;
		width: 210px;
		height: 600px;
		margin-right: 1%;
		margin-left: 1%;
		margin-top: 300px;
		border: 5px #85c3bb solid;
		background-color: rgba(133,195,187,0.8);
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		padding-bottom: 0px;
		}

		#box4 {
		display: inline-block;
		width: 600px;
		height: 600px;
		margin-right: 1%;
		margin-left: 1%;
		vertical-align: top;
		margin-top: 400px;
		}

			h1{
			font-size: 40px;
			}

			#RootsLogo {
			width: 600px;
			}

			#learnmore {
			border: 3px white solid;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-top: 40px;
			background-color: rgba(255,255,255,0.8);
			color: #769ab6;
			}

			#learnmore:hover {
			background-color: rgba(255,255,255,1);
			}


#ooscMain {
position: relative;
width: 100%;
min-height: 100vh;
background-image: url(images/ooscBG.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
padding-bottom: 150px;
}

#ooscimage {
display: inline-block;
width: 20%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
color: white;
background-color: rgba(98,135,169,0.8);
font-size: 17px;
vertical-align: top;
margin-top: 100px;
}

#oosctext {
display: inline-block;
width: 59%;
padding-left: 5%;
padding-right: 5%;
padding-top: 70px;
color: #333333;
font-size: 20px;
}



#DayMain {
position: relative;
width: 100%;
min-height: 100vh;
background-image: url(images/DayBG.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
padding-bottom: 150px;
}

#dayimage {
display: inline-block;
width: 20%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
color: white;
background-color: rgba(98,135,169,0.8);
font-size: 17px;
vertical-align: top;
margin-top: 100px;
}

#daytext {
display: inline-block;
width: 59%;
padding-left: 5%;
padding-right: 5%;
padding-top: 70px;
color: #333333;
font-size: 20px;
}


#PreschoolMain {
position: relative;
width: 100%;
min-height: 100vh;
background-image: url(images/PreBG.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
padding-bottom: 150px;
}

#preschooltext {
display: inline-block;
width: 59%;
padding-left: 5%;
padding-right: 5%;
padding-top: 70px;
color: #333333;
font-size: 20px;
}

#preschoolimage {
display: inline-block;
width: 20%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
color: #333333;
background-color: rgba(249,154,27,0.8);
font-size: 17px;
vertical-align: top;
margin-top: 100px;
}

#jillian {
width: 100%;
}

#philosophy {
display: block;
width: 700px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 10px;
background-color: rgba(133,112,91,0.8);
margin-top: 30px;
color: white;
}

#philosophy2 {
display: block;
width: 700px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 10px;
background-color: rgba(255,255,255,0.8);
margin-top: 30px;
color: #333333;
}


#RegButton {
position: relative;
margin-top: 60px;
background-color: rgba(255,255,255,0.8);
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
color: #333333;
font-size: 50px;
font-weight: bold;
text-align: center;
}

#RegButton:hover {
background-color: white;
}


	#contact {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-image: url(images/PreBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.5em;
	color: white;
	padding-top: 150px;
	padding-bottom: 100px;
	}


#HomeMain3 {
position: relative;
width: 100%;
min-height: 100vh;
padding-top: 110px;
background-image: url(images/PreBG.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#HomeMain4 {
position: relative;
width: 100%;
min-height: 100vh;
padding-top: 110px;
background-image: url(images/DayBG.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#HomeMain5 {
position: relative;
width: 100%;
min-height: 100vh;
padding-top: 110px;
background-image: url(images/ooscBG.jpg);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#map{
width: 800px;	
}


#thankyoubox {
position: relative;
width: 100%;
padding-top: 250px;   
}