html{
	display: flex;
	flex-direction: column;
}
a, a:hover{
	text-decoration: none;
}

.nav-container{
	background: #212121;
}
.projects-container{
	position: relative;
	top: 6vw;
}
.project{
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 50px;
}
.project .title{
	font-weight: bolder;
	background: #FEFEFE;
	color: #212121;
	display: flex;
	justify-content: center;
	padding: 2vw;
	padding-bottom: 1vw;
	flex-direction: column;
    align-items: center;
}
.description-container{
	width: 90vw;
	align-self: center;
	text-align: justify;
}
.infograph{
	float: left;
	margin-right: 2vw;
	margin-bottom: .7vw;
	width: 60%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.infograph > img{
	width: 100%;
	height: auto;
}
.description-container > p{
	font-family: Roboto;
}
.description-container li{
	list-style-type: none;
}
.description-container > h2{
	font-family: Raleway;
	font-weight: 600;
}
.project:last-child{
	margin-bottom: 15vw;
}
.gap{
	height: 100px;
}


@media only screen and (max-width: 750px) {
	.projects-container{
		top: 19vw;
	}
	.project .title{
		font-size: 2.3vw;
	}
	.description-container{
		flex-direction: column;
	}
	.infograph{
		width: 100%;
	}
	.description-container{
		width: 92vw;
	}
	.description-container > .description{
		padding-left: 0;
		padding-top: 5vw;
		width: 100%;
		font-size: 3vw;
	}
	.description-container > h2{
		font-size: 5vw;
	}
}