body {
	padding-top: 50px;
}

.navbar {
	margin-bottom: 0;
}

.clearfix {
	clear: both;
}

#intro {
	background: url(/images/brooklynbridge.jpg) no-repeat 50% -10% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.row-first h1 {
	margin-top: 5%;
	font-family: 'Coustard', serif;
	font-size: 92px;
	text-rendering: optimizeLegibility;
	color: #202020;
	letter-spacing: .1em;
	text-shadow:-1px -1px 1px #111, 2px 2px 1px #363636;
}

@media only screen and (max-width: 960px) {
   .row-first h1 { font-size: 60px; }
}

@media only screen and (max-width: 480px) {
   .row-first h1 { font-size: 35px; }
}

.row-first a {
	color: #ccc;
}

.row-first a:hover {
	text-decoration: none;
	color: #fff;
}

#accounting {
	background: url(/images/savannah.jpg) no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#music {
	background: url(/images/david.jpg) no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#army {
	background: url(/images/multicam.png) no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.row-half-height h2,
#accounting h2 {
	float: left;
	color: #333;
	background-color: #fff;
	padding: 5px 10px 5px 20px;
}

.proj {
	float: left;
	color: #00ff00;
	background-color: #333;
	padding: 5px 10px 5px 20px;
}

#contact {
	background: url(/images/me.jpg) no-repeat 50% 20% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contact h3 {
	margin-top: 50px;
}