body{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(0,166,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(0,166,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(0,166,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(0,166,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(0,166,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(0,166,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00a6ff', GradientType=1 );

}

html {
	height: 100%;
}

#content{
	text-align: center;
	padding-top: 30%;
/*	padding-left: 25%;
	padding-right: 25%;*/
}

.well{
	
background: rgba(0,166,255,1);
background: -moz-linear-gradient(left, rgba(0,166,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(0,166,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(0,166,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ff', endColorstr='#ffffff', GradientType=1 );

}

h1{
	font-family: 'Lobster', cursive;
	font-size: 6rem;
}

@media only  screen and (max-width: 800px){
	html, body {
		width: 100%;
		height: 100%;
	}

	.container {
		max-width: 100%;
	}

	#content{
		width: 100%;
		height: 100%;
	}



	.form-control {
		font-size: 2rem;
		height: 20%;
	}


	.btn {
		font-size: 2rem;
	}
}