.about,
.contact,
.mentions{
	grid-column: 2/span 4;
}

.about,
.about p:first-child,
.contact,
.contact p:first-child{
	margin-bottom: 1em;
}


.about a, 
.about a:hover, 
.about a:visited, 
.about a:active,
.contact a,
.contact a:hover, 
.contact a:visited, 
.contact a:active,
.mentions a, 
.mentions a:hover, 
.mentions a:visited, 
.mentions a:active{
  text-decoration: underline;
}

@media screen and (max-width: 1440px) {
	.contact,
	.about{
		grid-column: 2/span 6;
	}
}

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

.contact,
.about,
.mentions{
	grid-column: 2/span 13;
	margin-bottom: 1.3em;
}

.mentions{
	margin-bottom: 80px;
}


}