header{
	padding: 5vh 5vw;
}

header change{
	font-size: 3.5vh;
}

p{
	letter-spacing: .1vh;
	padding: 0;
	margin: 0;
}

.projectHead{
	margin: 15vh 5vw 0 5vw;
	top: 0vw;
}

.projectInfo{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 .5vh 0;
	margin: 0 0 1vh 0;
}

.projectInfo:first-of-type{
	border-width: .5vh;
	border-color: var(--primary);
	border-style: none none dotted none;
}

.projectFull{
	font-family: "FrGth-Book";
	display: inline-block;
	margin: 1vh 10vw 0 0;
}

.hide{
	display: none;
}

#more{
	font-family: "FrGth-Book";
	background: none;
	color: var(--primary);
	border: none;
	font-size: 2vh;
}

#more:hover{
	cursor: pointer;
	text-decoration: underline;
}

footer{
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	width: 90%;
	padding: 3vh 5vw;
	margin: 0;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), var(--secondary));
}

footer a{
	font-size: 3vh;
	text-decoration: none;
	color: var(--primary);
}

footer a h2:hover{
	text-decoration: underline;
}


main{
	margin: 0;
}

main h2{
	color: var(--primary);
	font-size: 8vh;
	padding-bottom: 1vh;
}


main p{
	color: var(--primary);
	font-size: 2vh;
}

main a{
	color: var(--primary);
	font-size: 1.5vh;
}

@media screen and (max-width: 950px) {

	main h2{
		font-size: 5vh;
	}
	
	
	main p{
		font-size: 2vh;
	}
	
	main a{
		font-size: 1.5vh;
	}

	footer a{
		font-size: 1.5vh;
	}

	.projectFull{
		margin: 1vh 1vw 0 0;
	}
	.projectHead{
		margin: 9vh 5vw 0 5vw;
	}

	.projectHead h2{
		padding-bottom: 2vh;
	}
}