//Opacity & color of cell
div.link-cell.has-asset-picture a:not(.asset-link) span {
	opacity: 0.8;
	background-color: $primary-color;
	padding: 0.5em;
	border-radius: 5px;
	display: block;
	max-width: 20rem;
}
div.link-cell.has-asset-picture a:not(.asset-link) {
	margin-bottom: 45px;
}
// Opacity & color of the picture
div.link-cell.has-asset-picture picture::before {
	background: $primary-color;
	opacity: 0.1;
}

// Mobile adjustments
// Fix ugly button on mobile (issing radius on bottom left and right)
@media (max-width: $mobile-limit) {
	.gru-nav-button {
		border-radius: 25px 25px 25px 25px;
	}
	// Fix overflowingtext blocks on 4 main pictures by reducing the max-width
	div.link-cell.has-asset-picture a:not(.asset-link) span {
		max-width: 15rem;
	}
	// Let enough space to the logo
	nav.site-nav {
		margin-top: 101px;
	}
	// Fix logo position
	#header h1 {
		top: 13px;
		left: 17px;
	}
}
