body {
	font-family: 'Quicksand', Helvetica;
	color: #02507C;
	height: 100%;
	background-image: url('images/background.jpg');
        font-weight: bold;

}

a {
	text-decoration: none;
	color: #02507C;
}

.container {

	height: 100%;
	width: 100%;
}

.nav-links {
	padding: 0;
	margin-bottom: 30px;
}

.nav-links li {
	list-style-type: none;
	display: inline-block;
}

.main-title {	
	font-size: 60px;
	margin: 0;
	font-weight: bold;
}

.info-box {
	position: absolute;
	top: 75px;
	left: 200px;
	width: 1000px;
}

.info-box a:hover {
	color: #DB6211;
}

.inline-p {
	display: inline-block;
}

.content-box {
	display: none;
}

#content {
	margin: 20px 0;
}

.page-img {
	display: block;
	width: 200px;
}

.icon {
	display: inline-block;
	height: 33px;
	width: 32px;
	border-radius: 3px;
}

.facebook {
	background: url('images/icons.png') 0px -73px;
	margin-left: 20px;
}

.twitter {
	background: url('images/icons.png') 0px -109px;
}

.linkedin {
	background: url('images/icons.png') 0px -292px;
}

.github {
	background: url('images/github.jpg') -234px -131px;
        height: 30px;
        width: 30px;
}

.facebook:hover{
	background: url('images/icons.png') -38px -73px;
}

.twitter:hover {
	background: url('images/icons.png') -38px -109px;
}

.github:hover {
	background: url('images/github.jpg') -284px -131px;
}
.linkedin:hover {
	background: url('images/icons.png') -38px -292px;
}

.work-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 20px;
}

.work-list li {
	display: inline-block;
	width: 250px;
	height: 330px;
	margin-right: 30px;
	padding: 0;
	background-color: rgba(200,200,200,0.5);
	border-radius: 10px;
	overflow: hidden;
}

.work-list-item h3 {
	text-align: center;
}

.caption {
	padding: 0 10px;
}

.screenshot {
	width: 100%;
}