/* this is a custom CSS stylesheet */

header {
	font-size: 250%;
	text-align: center;
	font-family: Verdana, sans-serif;
}

@media (min-width: 768px) {
	header {
		font-size: 500%;
	}
}

@media (min-width: 992px) {
	header {
		font-size: 750%;
	}
}

@media (min-width: 1200px) {
	header {
		font-size: 1000%;
	}
}

header > a:visited {
	color: #000000;
	text-decoration: none;
}

header > a:link {
	color: #000000;
	text-decoration: none;
}

header > a:hover {
	color: #000000;
	text-decoration: none;
}

header > a:active {
	color: #000000;
	text-decoration: none;
}

footer {
	padding: 2em 0;
/*	margin: 3em 0;
*/	border-top: 1px solid #000;
	color: #999;
	text-align: center;
}

footer > p > button > a:link {
	color: #000000;
}

footer > p > button > a:visited {
	color: #000000;
}

a:link {
	color: #fb1b21;
}

a:visited {
	color: #fb1b21;
}

.img-responsive {
	margin: 3em 0 3em 0;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
}

.btn-info {
	background-color: #cdae51;
	border-color: #3f2b22;
	color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #3F2B22;
  border-color: #333;
}

.banner {
	margin-bottom: 0;
}

.navbar-default {
	border-color: #000000;
	background-color: #000000;
}

.nav-pills > li > a {
	border-radius: 0px;
}

.nav-pills {
	background-color: #000000;
}

.nav-pills > li > a:link {
	color: #afd5f6;
}

.nav-pills > li > a:visited {
	color: #afd5f6;
}

.nav-pills > li > a:hover {
	color: #000000;
	background-color: #eeeeee;
}

.nav-pills > li.active > a {
	background-color: #cccccc;
	color: #000000;
}

.nav-pills > li.active > a:hover {
	background-color: #eeeeee;
	color: #000000;
}

.projects-blurb {
	text-align: center;
	padding: 0.5em;
	border: 1px solid black;
	border-radius: 4px;
	margin-top: 3em;
	margin-bottom: 3em;
	background-color: #f6d0af;
}

.index-blurb {
	text-align: center;
	padding: 0.5em;
	border: 1px solid black;
	border-radius: 4px;
	margin-top: 3em;
	margin-bottom: 3em;
	background-color: #f6d0af;
}

@media (min-width: 768px) {
	.index-blurb {
		text-align: right;
	}
}