*{
	color:white;
	margin: 0px;
	padding: 0px;
}

#firstItem{
	padding-top: 6%;
}

.projectList{
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 10%;
	position: relative;
}

.projectItem{
	position:relative;
	top:-10%;
	margin-bottom: .8%;
}

.yearsHeader{
	width: 80%;
	font-size: 5vw;
	font-weight: 100;
	opacity: 10%;
	display: block;
	position: absolute;
    transform: translate(0%, -90%);
}

.yearsItem{
	background-color: transparent;
}

.lines{
	width: 105%;
	margin-left: 20%;
	height: 4%;
	border-width:0;
	background-color:white;
	position: absolute;
	top:71%;
	bottom: 20%;
}

.banner_img{
	max-width: 100%;
	text-align: center;
}

@media (max-width:768px){
	
	*{
	color:white;
	margin: 0px;
	padding: 0px;
}

#firstItem{
	padding-top: 7%;
}

.projectList{
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 10%;
	position: relative;
}

.projectItem{
	position:relative;
	top:-10%;
	margin-bottom: .8%;
}

.yearsHeader{
	width: 80%;
	font-size: 7vw;
	font-weight: 400;
	margin-left: 5%;
	opacity: 25%;
	display: block;
	position: absolute;
    transform: translate(0%, -100%);
}
	
.lines{
	width: 89.5%;
	margin-left: 23%;
	height: 10%;
	border-width:0;
	background-color:white;
	position: absolute;
}

.banner_img{
	max-width: 100%;
}

}