.references{
	position: relative;
	padding: 120px;
}

.ref-bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.1;
	display: flex;
	alig-items: center;
	justify-content: center;
	background-image: url('../img/ref.jpg');
	background-position: 50% 50%;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo-wrapper{
	display: flex;
	alig-items: center;
	justify-content: space-around;
	padding: 20%;
}

.logo-ref{
	position: relative;
	max-height: 60px;
	max-width: 200px;
	margin: 10px;
}

/*:::::::::::::::::::::::*/
/* RESPONSIVE */
/*:::::::::::::::::::::::*/

@media all and (max-width: 800px){
	.references{
		padding: 30px;
	}
	.logo-ref{
		height: 60px;
	}
}

@media all and (max-width: 600px){
	.logo-ref{
		height: 40px;
	}
}

@media all and (max-width: 400px){
	.logo-ref{
		height: 30px;
	}
}