nav {
	padding: 1em;
}

nav h1 {
	color: white;
	font-size: 1.5em;
	margin-top: .35em;
}

.navbar-brand img {
	float: left;
	padding-right: 1em;
}

.logo {
	height: 2em;
}

#grille {
	margin-top: 2em;
}

#grille img {
	width:5em;
}

#grille a {
	color: black;
	text-decoration: none;
}

#grille h3 {
	font-weight: bold;
	font-size: 1.2em;
}
.row {
	text-align: center;	
	padding: .5em;
}

/*
.row:nth-child(odd) {
	background-color: #EFEFEF;
}


.col:hover img{
  filter: invert(var(--value, 100%)); --value:70%;
}
*/

.module:hover img{
	filter: invert(var(--value, 100%)); --value:20%;
}

.module {
	padding-top: 1em;
}

.logo-granite{
	width:200px;
}

/* Grille 2 */

#grille2 a {
	color: black;
	text-decoration: none;
}

#grille2 h3 {
	font-weight: bold;
	font-size: 1.2em;
}

#grille2 img {
	width:5em;
}

.entreprise-nom {
	margin-top:2em;
	margin-bottom:2em;
}

.client:hover img{
	filter: invert(var(--value, 100%)); --value:20%;
}

#grille2 {
	padding-top: 3em;
}

@media all and (max-device-width: 480px)
{
	nav img, .logo-granite {
		width: 150px;
	}







}