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: auto;
		background-color: rgba(133,112,91,0.95);
		font-family: 'Oswald', sans-serif;
		border-bottom: 3px solid #fff;
		left: 0px;
		top: 0px;
		}


		#NavTitle {
		display: inline-block;
		margin-top: 10px;
		margin-left: 7%;
		font-size: 0px;
		}

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

		#rootstext {
		width: 90%;
		}


#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: 90%;
		height: auto;
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 70px;
		border: 5px #769ab6 solid;
		background-color: rgba(118,154,182,0.8);
		font-size: 20px;
		padding-left: 2%;
		padding-right: 2%;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
		padding-bottom: 15px;
		}

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

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

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

			h1{
			font-size: 27px;
			}

			#RootsLogo {
			width: 100%;
			}

			#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: 80px;
}

#ooscimage {
display: inline-block;
width: 96%;
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: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 100px;
color: #333333;
font-size: 17px;
}



#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: 80px;
}

#dayimage {
display: inline-block;
width: 96%;
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: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 100px;
color: #333333;
font-size: 17px;
}


#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: 80px;
}

#preschooltext {
display: inline-block;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 100px;
color: #333333;
font-size: 17px;
}

#preschoolimage {
display: inline-block;
width: 96%;
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: 95%;
padding-left: 3%;
padding-right: 2%;
padding-bottom: 30px;
padding-top: 10px;
background-color: rgba(133,112,91,0.8);
margin-top: 30px;
color: white;
}

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


#RegButton {
position: relative;
margin-top: 30px;
background-color: rgba(255,255,255,0.8);
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
color: #333333;
font-size: 25px;
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: 1em;
	color: white;
	padding-top: 100px;
	padding-bottom: 100px;
	}

#HomeMain3 {
position: relative;
width: 100%;
min-height: auto;
background-image:none;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding-top: 100px;
}

#HomeMain4 {
position: relative;
width: 100%;
min-height: auto;
background-image:none;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding-top: 100px;
}

#HomeMain5 {
position: relative;
width: 100%;
min-height: auto;
background-image:none;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding-top: 100px;
}

#map{
width: 100%;
}

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