/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
  background-color:#dae0de; 
}

.content {
	margin: 0 auto; 
	max-width:1200px;
}

.navbar  {
	background-color:#979f9c;
	color:white;
}

.logo {
	background-color:#979f9c;
	color:white;
	font-size:130%;
	padding-top:12px;
}

.glyphicon {
	padding:0 10px;
}

.jumbotron {
	border-radius: 15px;
	margin-top:15px;
}

.jumbotron h1 {
	font-size:200%;
}

.container-fluid p a {
	color:black;
	text-decoration:underline;
}

.btn-lg {
	background-color:#979f9c;
	border-color:#979f9c;
	padding:10px;
	margin:10px 10px 0 0;
	text-decoration:none;
}

.btn-lg:hover {
	background-color:#b4bcb9;
	border-color:#b4bcb9;
}

.container-fluid {
	padding:0 50px;
	margin:0 20px;
}

.container-fluid h1 {
	font-size:200%;
	color:#686f6d;
}

.container-fluid h2 {
	font-size:140%;
}

.container-fluid h3 {
	font-size:120%;
}

.img-thumbnail {
	margin-bottom:15px;
}

blockquote {
	font-style:italic;
}

p {
	font-size:110%;
}

.page-header {
	border-bottom: 0;
}

.bgblock {
	background-color:#b4bcb9;
	border-radius: 15px;
	margin:10px 0;
	padding:15px;
}

input:invalid {
  border: 1px solid red;
}

input:valid {
  border: 1px solid green;
}

.help-block {
	font-size:95%;
}

.help-block i {
	font-size:95%;
}

.form-error {
	color: red;
}

footer {
	font-size:80%;
	color:#979f9c;
	padding-top:30px;
	border-top:thin #979f9c solid;
}

@media (max-width:450px)
{
	body {
		padding-top: 30px;
		padding-bottom: 10px;
}
	.jumbotron h1 {
		font-size: 170%; 
	}
	
	.container-fluid {
		padding:0 25px;
		margin:0 10px;
	}
	
	.container-fluid h1 {
		font-size:160%;
	}
}