html {
  font-family: helvetica;
	text-align: center;
}

.logo {
  padding-bottom: 5px;
}
.index body {
	background-image: url("images/home.jpg");
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: -webkit-linear-gradient(270deg,rgba(35,148,161,1.00) 0%,rgba(25,51,95,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(35,148,161,1.00) 0%,rgba(25,51,95,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(35,148,161,1.00) 0%,rgba(25,51,95,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(35,148,161,1.00) 0%,rgba(25,51,95,1.00) 100%);
  }
.gradient {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(file:///Macintosh%20HD/Users/nicolekutos/Downloads/download.jpeg);
  }

h1 {
	text-align: left;
	padding-left: 50px;
	color: white;
}

h2 {
	text-align: left;
	padding-left: 20px;
  color: white;
}

h3 {
	text-align: left;
	color: white;
	font-weight: normal;
}

p {
	text-align: left;
	padding-left: 80px;
	color: white;
	font-weight: normal;
}
.left {
    width: 25%;
    height: 100%;
    float: left;
    color: black;
}

.nav {
    margin: 0;
    padding: 0;
    padding-top: 50px;
    list-style: none;
    font-family: helvetica;
    font-size: 35px;
    font-color: black;
    text-decoration: none;
    color: black;
    height: 100%;

}

.nav li {    
    margin: 1px 0;
    text-decoration: none;
    font-color: black;
    color: black;
}

.nav li a {
    display: block;
    line-height: 3em;
    width: 100%;
    text-decoration: underline;
    font-color: black;
    color: black;
}

 ul {
   list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    height: 100%;
    background-color: #f1f1f1;
    height: 100%; /* Full height */
    position: fixed; /* Make it stick, even on scroll */
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
}

li a {
    display: block;
    color: #000;
    text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
    background: -webkit-linear-gradient(bottom, #214077, #3d9cb0 175px);
    background: -moz-linear-gradient(bottom, #214077, #3d9cb0 175px);
    background: linear-gradient(bottom, #214077, #3d9cb0 175px);    color: white;
}
.social{
    margin: 40%;
    left: 20px;
}

.column-left{
	float: left;
	width: 33%;
}
.column-right{
	float: right;
	width: 33%;
	text-align: left;
	padding-right: 75px;
	padding-top: 25px;
}
.cf_map {
	color: red;
}
#map {
	padding-bottom: 50px;
	padding-left: 50px;
}
.icon {
	float: left;
	margin-right: 5px;
	display: block;
	padding-top: 10px;
	height: 100px;
	margin-left: 50px;
	margin-top: -48px;
}
.icon2 {
	float: left;
	margin-right: 5px;
	display: block;
	margin-top: -25px;
	padding-top: 10px;
	height: 50px;
	margin-left: 50px;
}

h2 {
  text-align: left;
}
#footer {
	position: fixed;
	bottom: 20px;
	left: 0;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
	text-align: center;
}
#footer p {
	position: fixed;
	bottom: 20px;
	left: 0;
	font-size: 10px;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
	margin-right: 10px;
	right: 10px;
}
.menu {
	width: 75%;
	float: left;
}
.menu a {
	text-decoration: none;
	text-shadow: 0px 0px;
	text-transform: none;
	color: #FFFFFF;
}
.menu a:link  {
	text-decoration: none;
	text-shadow: 0px 0px;
	text-transform: none;
	color: #FFFFFF;
}
.menu a:visited  {
	text-decoration: none;
	text-shadow: 0px 0px;
	text-transform: none;
	color: #020620;
}
.menu a:hover  {
	text-decoration: none;
	text-shadow: 0px 0px;
	text-transform: none;
	color: #0E164E;
}
.menu a:active  {
	text-shadow: 0px 0px;
	text-transform: none;
	text-decoration: none;
}
.menu a.selected {
	text-decoration: none;
	border-bottom: 3px solid #f7f4eb;
}
.menu h3 {
	padding-left: 0px;
}
.menu h2 {
	padding-left: 50px;
}
.menu p {
	padding-left: 50px;
	margin-left: 30px;
}
.small {
	font-size: 12px;
	text-align: center;
}
.menu h4 {
	padding-left: 50px;
	text-align: left;
	margin-bottom: -15px;
	color: rgba(255,234,110,1.00);
}
.circle-1 img {
	width: 268px;
	height: 147px;
}

@keyframes circle-1-move {
	from { left: -200px; top: 100px;}
	to { top: 100px; left: 1100px;}

}

.circle-1 {
	width: 68px;
	height: 47px;
	position: absolute;
	animation: circle-1-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-2 img {
	width: 50px;
	height: 120px;
}

@keyframes circle-2-move {
	from { top: 545px; right: 0px;}
	to { top: 0px; right: 1100px;}

}

.circle-2 {
	width: 98px;
	height: 147px;
	position: absolute;
	animation: circle-2circ-move 8s infinite;
	animation-timing-function: ease-out-in;
}
.circle-3 img {
	width: 90px;
	height: 145px;
}

@keyframes circle-3-move {
	from { top: 400px; left: -200px;}
	to { top: 500px; left: 1100px;}

}

.circle-3 {
	width: 90px;
	height: 70px;
	position: absolute;
	animation: circle-3-move 7s infinite;
	animation-timing-function: ease-out-in;
}
.circle-4 img {
	width: 180px;
	height: 100px;
}

@keyframes circle-4-move {
	from { top: 500px; right: -200px;}
	to { top: 500px; right: 1100px;}

}

.circle-4 {
	width: 180px;
	height: 100px;
	position: absolute;
	animation: circle-4-move 8s infinite;
	animation-timing-function: ease-out-in;
}
.circle-5 img {
	width: 75px;
	height: 75px;
}

@keyframes circle-5-move {
	from { left: -130px; top: 100px;}
	to { top: 100px; left: 600px;}

}

.circle-5 {
	width: 268px;
	height: 147px;
	position: absolute;
	animation: circle-5-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-6 img {
	width: 75px;
	height: 75px;
}

@keyframes circle-6-move {
	from { left: -130px; top: 100px;}
	to { top: 100px; left: 600px;}

}

.circle-6 {
	width: 90px;
	height: 90px;
	position: absolute;
	animation: circle-6-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-7 img {
	width: 115px;
	height: 115px;
}

@keyframes circle-7-move {
	from { left: -130px; top: 100px;}
	to { top: 100px; left: 600px;}

}

.circle-7 {
	width: 115px;
	height: 115px;
	position: absolute;
	animation: circle-7-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-8 img {
	width: 80px;
	height: 120px;
}

@keyframes circle-8-move {
	from { left: -430px; top: 90px;}
	to { top: 200px; left: 670px;}

}

.circle-8 {
	width: 80px;
	height: 120px;
	position: absolute;
	animation: circle-8-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-9 img {
	width: 90px;
	height: 130px;
}

@keyframes circle-9-move {
	from { left: 30px; top: 600px;}
	to { top: 10px; left: 650px;}

}

.circle-9 {
	width: 90px;
	height: 130px;
	position: absolute;
	animation: circle-9-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-10 img {
	width: 110px;
	height: 170px;
}

@keyframes circle-10-move {
	from { left: -170px; top: 150px;}
	to { top: 300px; left: 900px;}

}

.circle-10 {
	width: 268px;
	height: 147px;
	position: absolute;
	animation: circle-10-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-11 img {
	width: 110px;
	height: 110px;
}

@keyframes circle-11-move {
	from { left: 130px; top: -100px;}
	to { top: -100px; left: -490px;}

}

.circle-11 {
	width: 100px;
	height: 100px;
	position: absolute;
	animation: circle-11-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-12 img {
	width: 60px;
	height: 70px;
}

@keyframes circle-12-move {
	from { left: 230px; top: 100px;}
	to { top: 200px; left: 400px;}

}

.circle-12 {
	width: 90px;
	height: 90px;
	position: absolute;
	animation: circle-12-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-13 img {
	width: 50px;
	height: 50px;
}

@keyframes circle-13-move {
	from { left: 3px; top: 1px;}
	to { top: 1100px; left: 1600px;}

}

.circle-13 {
	width: 50px;
	height: 50px;
	position: absolute;
	animation: circle-13-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-14 img {
	width: 80px;
	height: 140px;
}

@keyframes circle-14-move {
	from { left: -200px; top: 100px;}
	to { top: 400px; left: 200px;}

}

.circle-14 {
	width: 70px;
	height: 100px;
	position: absolute;
	animation: circle-5-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.circle-15 img {
	width: 50px;
	height: 80px;
}

@keyframes circle-15-move {
	from { left: 175px; top: 250px;}
	to { top: 120px; left: 500px;}

}

.circle-15 {
	width: 268px;
	height: 147px;
	position: absolute;
	animation: circle-15-move 10s infinite;
	animation-timing-function: ease-out-in;
}
.index h2 {
	font-size: 18px;
	font-color: black
	;
}
#form-wrap {
	width: 600px;
	margin: 50px auto;
	padding: 20px 0;
}
form {
	width: 500px;
	padding-bottom: 100px;
	padding-right: 300px;
	margin: 0 auto;	

}
label {
	display: block;
	margin: 5 0 5 20px;
	color: white;
}
input {
	width: 350px;
	margin: 0 0 0 20px;
}
textarea {
	height: 125px;
	width: 350px;
	margin: 0 0 0 20px;
}
fieldset {
	border: none;
	padding: 0 0 20px 0;
}
.labelone {
	margin-top: 10px;
}
.btn {
	width: 75px;
	height: 125px;
	color: black;
}
form h3 {
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 25px;
	padding-right: 100px;
}
.application {
	color: white;
}
.grid { 
	display: block;
	margin: 0 auto;
	padding-left: 50px;
	padding-right: 50px;
}