.header-container {
	max-width: 60%;
	margin: 10% auto 0% auto;
}


h1 {
	font-family: 'Lilita One', sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	text-align: left;
	margin: 50px auto 1px auto;
}

h1 a {
	text-decoration: none;
	color:black;
}

h2 {
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	text-align: left;
	margin: auto;
	margin-top: 20px;

}

h2 a {
	background-color: #EEF0D1;
	color: black;
	padding: 5px 10px;
	margin: 20px 10px 0px 0px;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none;

}

h2 a:hover {
	background-color: #CB7562;
	color: white;
}


.intro {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	line-height: 1.5em;

}

.intro a {
	background-color: #EEF0D1;
	color: black;
	padding: 1px 3px;
	margin: 2px;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}


.intro a:hover {
	background-color: #CB7562;
	color: white;
}


.contact a {
	font-family: 'Lato', sans-serif;
	font-size: .8em;
	text-align: left;
	background-color: #EEF0D1;
	color: black;
	padding: 1px 3px;
	margin: 10px 10px 0px 0px;
	border-radius: 3px;
	text-decoration: none;
	white-space: nowrap;

}


.contact a:hover {
	background-color: #CB7562;
	color: white;
}

.labels {
	font-family: 'Lato', sans-serif;
	font-size: .8em;
	text-align: left;
	margin: 30px auto 5px auto;
	color: #CB7562;

}

#project_list {
	width: 60%;
	margin: 30px auto 10% auto;
}

.project_name {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #CB7562;
}

.project_desc {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	line-height: 1.5em;

}

.project_skills {
	font-family: 'Lato', sans-serif;
	font-size: .65em;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid black;


}

.project_skills:last-child {
	border-bottom: none;
}


.project_desc a {
	background-color: #EEF0D1;
	color: black;
	padding: 1px 3px;
	margin: 2px;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.project_desc a:hover {
	background-color: #CB7562;
	color: white;


}

.project-page-img  {
	padding-top: 20px;
	width: 100%;
}

.back-button {
	text-align: center;
	margin: 50px auto;
}
.back-button a{
	font-family: 'Lato', sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: black;

}

body {
	background-color: #fff;
}

/*mobile*/
@media (max-width: 700px) {

#project_list {
	width: 90%;
	margin: 30px auto 70px auto;
}
}


img {
	width: 100%;
}