/*	----------------------------------------------------------
	- RESPONSIVE LAYOUT : 840PX WIDE				 		 -
	----------------------------------------------------------  */


	#content, .project, #line1, #line2, #line3, #line4 {
		opacity: 1;
	}




/*	----------------------------------------------------------
	- NAVIGATION									 		 -
	----------------------------------------------------------  */


	#nav {
		margin: 30px 0 0px 0px;
	}


	#content {
		margin-top: 40px;
	}


	#elsewhere {
		display: block;
		float: left;
		clear: right;
	}




/*	----------------------------------------------------------
	- CONTENT										 		 -
	----------------------------------------------------------  */


	#content {
		float: left;
		clear: left;
	}

	#content ul {
		font-size: 33px;
		line-height: 43px;
		list-style: none;
		float: left;
		width: 400px;
		margin-bottom: 24px;
	}

	#content li:first-child {
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: -27px;
		color: blue;
	}


	#client {
		display: inline-block;
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: -2px;
		float: left;
		clear: both;
		color: blue;
	}

	#client_names {
		display: inline-block;
		padding: 7px 0;
	}

	#content ul #line2 {
		width:300px;
	}

	#line3 {
		font-size: 33px;
		line-height: 43px;
	}




/*	----------------------------------------------------------
	- FOOTER				 		 					    -
	----------------------------------------------------------  */


	#rule {
		clear: left;
		float: left;
		border-bottom: 4px solid black;
		width: 95%;
		margin: 30px 0 -20px;
	}

	#line4 { 
		width: 200px;
		margin-top: 30px;
		clear: left;
		float: left;
		font-size: 33px;
		margin-bottom: 30px;
	}




/*	----------------------------------------------------------
	- RESPONSIVE LAYOUT : 1270PX WIDE				 		 -
	----------------------------------------------------------  */


	@media screen and (min-width: 1270px) {   


		#client { 
			clear: none;
			display: inline-block;
		}

		#client_names {
			float: left;
			display: block;
			width: 350px;
		}

		#line2 ul {
			width: 350px;
		}

		#line4 {
			margin-top: 30px;
		}

		#home_button {
			display: none;
		}

	}



/*	----------------------------------------------------------
	- RESPONSIVE LAYOUT : 1270PX WIDE				 		 -
	----------------------------------------------------------  */


	@media screen and (min-width: 1270px) {

		#home_button {
			display: none;
		}

		#rule {
			width: 83%;
		}

	}


	@media screen and (max-width: 1270px) {

		#home_button {
			display: none;
		}
	}





/*	----------------------------------------------------------
	- RESPONSIVE LAYOUT : 840PX WIDE				 		 -
	----------------------------------------------------------  */


	@media screen and (max-width: 840px) {

		#client_names {
			clear: left;
		}
	}







/*	----------------------------------------------------------
	- RESPONSIVE LAYOUT : 600PX WIDE				 		 -
	----------------------------------------------------------  */


	@media screen and (max-width: 600px) {


		#about_button {
			display: none;
		}


		#home_button {
			display: block;
		}

		#pages {
			margin-bottom: 40px;
		}


		#elsewhere {
			display: none;
		}


		#content li:first-child {
			font-size: 33px;
		}


		#client {
			font-size: 33px;
		}



	}