/* ALL *******************************************************************************************************/
@media
{
	.references
	{
		width: 100vw;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.reference
	{
		display: flex;
		position: relative; 
		flex-direction: column;
		width: 50%;
		height: 30vw;
		justify-content: flex-end;
		padding-bottom: 2vw;
	}
	.reference img
	{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		filter: brightness(0.6) saturate(0.7);
	}
}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
	{

	}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
	{
		.references
		{
			flex-direction: column;
		}
		.reference
		{
			width: 100vw;
			height: 100vw;
			padding-bottom: 10vw;
		}
	}