work_styles.css

	/* navigation */

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

	.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;
	}


@media (min-width: 320px) {
	.header h1 {
		text-align: center;
		margin-bottom: 3%;
		margin-top: 10%;
	}
}

@media (min-width: 1200px) {
	.header h1 {
		text-align: center;
		margin-bottom: 3%;
		margin-top: 6%;
	}
}

	.container {
		width: 90%;
		position: relative;
	}

	.row {
		text-align: center;
	}

	/* typography */

	.header h1 {
		font-size: 3em;
	}

}