@media
	{
		#catalogue
		{
			flex-direction: row;
		}
		.service
		{
			gap: 1vw;
		}
		.servicegraphic
		{
			max-height: 8vw;
			max-width: 8vw;
			height: 8vw;
			width: 8vw;
		}
		.examples
		{
			gap: 1vw;
		}
		.oneExample
		{
			font-weight: lighter;
			border: 0.1vw solid white;
			border-radius: 0.5vw;
			padding: 0 2vw ;
		}

	}

@media (max-width: 1400px)
	{
		.service
		{
			gap: 2vw;
		}
		.servicegraphic
		{
			max-height: 12vw;
			max-width: 12vw;
			height: 12vw;
			width: 12vw;
		}

		.oneExample
		{
			border: 0.15vw solid white;
			border-radius: 1vw;
			padding: 0 4vw ;
		}
	}


@media (max-width: 800px)
	{

		#catalogue
		{
			flex-direction: column;
			gap: 20vw;
		}
		.service
		{
			gap: 5vw;
		}
		.servicegraphic
		{
			max-height: 30vw;
			max-width: 30vw;
			height: 30vw;
			width: 30vw;
		}
		.examples
		{
			gap: 5vw;
		}
		.oneExample
		{
			border: 0.2vw solid white;
			border-radius: 5vw;
			padding: 2vw 10vw ;
		}
	}