/*
Dartmouth Digital Orozco Home Page v.1
Gato Gordo Digital Creative
Drafted 4.2014
*/


/* general */

html {
	width: 100%;
	overflow-x: hidden;
}
body {
	background: #662219 url('background.jpg') no-repeat center 0 fixed; 
	font-family: 'Roboto', helvetica, arial, sans-serif;
	font-size: 90%;
	font-weight: 400;
	width: 100%;
	text-align: justify;
	color: #333;
}
#content-container {
	width: 700px;
	margin: 70px auto 50px auto;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.8); 
}

/* text styles */

a {
	text-decoration: none;
	color: #1f9da0;
}
a:hover {
	color: #0b6567;
}
i {
	color: #746e5a;
}
i:hover, a:hover i {
	color: #454135;
}

/* header */

#home-banner img {
	clear: both;
	margin: 0 auto;
	padding: 3px 0 30px 0;
	display: block;
}
#home-banner i {
	float: right; 
	padding: 8px 10px 0 0; 
	font-size: 150%;
}

/* paragraph content */

#home-content { 
	background: rgba(255, 255, 255, 0.5);
	padding: 30px 50px;
}
#home-content p {
	border-bottom: 1px solid #d6d3ca; 
	padding: 5px 0;
	margin: 0;
}
#home-content p:last-child {
	border-bottom: none;
}

/* credits */

#credits {
	padding: 8px 50px 13px 50px; 
}
.center {
	text-align: center;
}
#view-credits {
	background: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	padding: 1px 7px;
	font-size: 90%;
}
#view-credits:hover {
	border-bottom: none;
}
#view-credits i {
	font-size: 130%;
}
#credits p {
	font-size: 85%;
	margin: 7px 0;
}

/* small screen responsiveness */

@media screen and (max-width: 700px) {
	#content-container {
		width: 90%;
		margin: 0 2% 50px 2%;
	}
	#home-banner img {
		width: 80%;
		margin: 0 10%;
	}
}