
.icons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4rem 3rem;
	margin: 3rem 0;
}

.icons.four {
	grid-template-columns: repeat(4, 1fr);
}

.full_width .icons {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 4rem;
}

.icons p {
	margin: 0;
	text-align: center;
}

.icons p a {
	text-decoration: none;
}

.icons p a:hover,
.icons p a:focus {
	text-decoration: underline;
}


.icons p img {
	max-width: 70%;
}

.icons.four p img {
    max-width: 100%;
}

.icons p a img {
	filter: grayscale(1) brightness(1.97);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.icons p a:hover img,
.icons p a:focus img {
	filter: none;
}



/*FBK*/
.icons p {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 6%;
	width: 20%;
	margin-right: 5.6%;
}
.full_width .icons p,
.full_width .icons p:nth-child(4n) {
	width: 15%;
	margin-right: 5.3%;
}
.icons p:nth-child(4n),
.full_width .icons p:nth-child(5n) {
	margin-right: 0;
}

/* CSS GRID */

@supports (display: grid) {
	
	body .icons p,
	body .full_width .icons p,
	body .full_width .icons p:nth-child(4n),
	body .full_width .icons p:nth-child(5n) { width: auto; margin: 0; }
}

@media only screen and (max-width: 980px) {
	
	.icons,
	.full_width .icons { grid-template-columns: repeat(4, 1fr); }
	
	/*FBK*/
	.full_width .icons p { width: 18%; margin-right: 7.7%; }
	.full_width .icons p:nth-child(4n) { width: 18%; margin-right: 0; }
	.full_width .icons p:nth-child(5n) { margin-right: 7.7%; }
	
}

@media only screen and (max-width: 640px) {
	
	.icons,
	.full_width .icons { grid-template-columns: 1fr 1fr; grid-gap: 3rem 2rem; }
	
	.icons p img { max-width: 60%; }
	
	/*FBK*/
	.icons p,
	.full_width .icons p,
	.full_width .icons p:nth-child(4n),
	.full_width .icons p:nth-child(5n) { width: 46%; margin-right: 6.6%; }
	.icons p:nth-child(2n),
	.full_width .icons p:nth-child(2n) { margin-right: 0; }
	
}

@media only screen and (max-width: 420px) {
	
	/*FBK*/
	.icons p { width: 100%; margin-right: 6.6%; }
	
}
