html,body {
	min-height: 100%;
	position: relative;
	height: 100%;
	padding: 0;
	margin: 0;
}
.green {
	color: #63D471;
}
a {
	color: #000;
}
a:hover, h1 span, .fa-check-circle{
	color: #63D471;
}
.fa-check-circle {
	font-size: 65px;
}
h1 {
	font-size: 24px;
	font-family: 'Marmelad', sans-serif;
	font-weight: bold;
}
h2 {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.50rem;
}
h1, h1 a, h1 a:hover{
	color: #2B303A;
	text-decoration: none
}
.header {
	width: 100%;
}
.leader {
	text-align: center;
	height: 100%;
}
.leader .content button {
	background-color: #63D471;
	color: #fff;
}
.wiggle {
	animation: btnWiggle 5s 3s infinite;
}
.leader .content p {
	max-width: 585px;
	margin: 20px auto; /* Gives that scrolling effect as the typing happens */
	word-spacing: -1px;
}
.leader .content p a {
	color: #63D471;
	cursor: pointer;
}
.carousel-item {
	height: 100%;
	overflow-y: auto;
	padding: 65px 0 50px 0;
}
.leader .content form {
	max-width: 450px;
	margin: 0 auto;
}
.leader .content hr {
	max-width: 550px;
}
.error {
	display: none;

}
footer.container-fluid{
	width: 100%;
	background-color: #fff;
	padding-left :0;
	padding-right: 0;
}
footer .col-sm-8, footer .col-sm-4{
	padding: 0;
}
footer .copy {
	font-size: 14px;
	text-align: center;
}
footer .social {
	text-align: center;
	padding: 15px;
}
footer .social a {
	margin-left: 8px;
}


.floating {
	animation: float 6s ease-in-out infinite;
}

@media only screen and (min-width: 600px) {
	.leader {
		h1 {
			font-size: 28px;
		}
		h2 {
			font-size: 2rem;
		}
		h3 {
			font-size: 1.75rem;
		}
	}
	.leader .content .typeit {
		overflow: hidden;
		border-right: .15em solid #63D471;
		white-space: nowrap;
		animation: typing 6.5s steps(80, end),
		blink-caret .75s step-end infinite;
	}
	.carousel-item {
		padding-top: 200px;
	}
	.carousel-item:first-child {
		padding-top: 250px;
	}
	footer .copy {
		text-align: left;
	}
	footer .social {
		text-align: right;
		padding: 0;
	}

}


/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100%;}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #63D471; }
}
@keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
/* float effect */
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}