styles.css

.nav { 
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgba(0, 0, 0, .90) , rgba(241, 145, 50, .90)); /* Standard syntax */
	position: fixed;
	width: 100%;
	top: 0;
	padding: .4% 10.7% .25%;
	z-index: 1;
}

.nav ul li { 
	display: inline-block;
}

.nav ul li a { 
	color: white; 
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-right: 1.8em;
	transition: color 300ms;
	-webkit-transition: color 300ms;
	text-decoration: none;
}

.nav a:hover {
	color: gray;
	text-decoration: none;
}

.jumbotron {
	background-image: url("../img/clock.jpg");
	background-size: cover;
}

.jumbotron h1 {
	color: dodgerblue;
}

.jumbotron p {
	color: silver;
}

.container-fluid {
	padding: 0px;
	margin-top: 58px;
}

.carousel-caption h3 {
	padding-bottom: 130px;
}

.carousel-caption p {
	padding-bottom: 40px;
}

.container {
	margin-top: 30px;
}

#links a {
	color: silver;
}

/* typography */

.carousel-caption h3 {
	color: #F19132;
	font-size: 4em;
	text-shadow: 2px 0 #603a14, 0 1px #603a14, 1px 0 #603a14, 0 -1px #603a14;
	font-family: 'Lobster', Futura, Helvetica, Arial, cursive;	
}

.carousel-caption p {
	color: #F19132;
	font-size: 2em;
	text-shadow: 1px 0 #603a14, 0 0px #603a14, 0px 0 #603a14, 0 -1px #603a14;
	font-family: 'Roboto Condensed', sans-serif;
}