
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 320px */
:root {
  --brand-grid-items-height: 41.25rem; /* 3660px @ 1440px : 41.25rem @ 90rem */
}

/* ///////////////////////////////////////////////////////////////////////////// BRANDS */
/* ////////////////////////////////////////////////////////////////////// GRID : BRANDS */
.grid-brand-container {
	min-width: 100%;
	width: 100%;
}

.grid-brand-intro {
	width: 100%; /* 50rem : 800px : 55% */
	margin: 0 auto; /* !!! X CENTER ELEMENT */ /* WORK HERE FOR BRAND PAGE */
	padding-top: 2.5rem; /* WORK HERE FOR BRAND PAGE */
	padding-bottom: var(--global-padding);
}

.grid-brand-intro {
	margin: 0 auto; /* !!! X CENTER ELEMENT */
	padding-top: 2.5rem;
}

.grid-brand-intro h1 {
	margin-top: 0rem;
	margin-bottom: .75rem;
}

.grid-brand-intro p {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.grid-brand {
	display: grid;
  grid-template-columns: auto;
  /* grid-auto-flow: column; !!! DESKTOP GRID */
	gap: var(--global-grid-gap);
	width: 100%;
	height: auto;
}

.grid-brand-mini {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	/* flex-flow: row nowrap; */
	gap: var(--global-grid-gap);
	
	min-width: 100%;
	width: 100%;
	height: auto;

  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: scroll;
  scroll-behavior: smooth;
  /* Hide scrollbar in IE. */
  -ms-overflow-style: none;
}

.grid-brand-mini::-webkit-scrollbar {
  /* Hide scrollbar in WebKit and Blink powered browsers. */
  display: none;
}

.grid-item-brand {
	border-radius: var(--global-border-radius);
	height: var(--brand-grid-items-height); /* ~41.25rem */
	overflow: hidden;

  background-image: linear-gradient(to top, #ffffff 50%, #F6F6F6 75%, #EEEEEE 100%);
  /* background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(246,246,246,1), rgba(238,238,238,1)); 
	*/
}

.grid-item-brand-mini {
	/* width: 100%; */
	width: calc(50% - (var(--global-grid-gap) / 2)); /* ONLY SHOW 2 IMAGES */
	position: relative;
	display: inline-block;
	flex-shrink: 0;
  scroll-snap-align: start;
}

.grid-item-brand-content {
	position: relative;
	padding-top: 0rem;
	margin: 0rem auto; /* CENTER HORIZONTALLY */
	width: 100%;
	height: 100%;
	text-align: center;
}

.grid-item-brand h1 {
	font-size: 1.3rem;
	line-height: 2rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 1.125rem;
}

.grid-item-brand-mini h1 {
	font-size: 1.3rem;
	line-height: 2rem;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 1rem;
}

.grid-item-brand .cta {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.grid-item-brand-mini .cta {
	padding-top: 2rem;
}

.grid-item-brand-car {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  transform: scale(1);
	transition: transform var(--duration-short) ease-out 0s;
}

.grid-item-brand-content:focus .grid-item-brand-car,
.grid-item-brand-content:hover .grid-item-brand-car {
  transform: scale(1.03);
}

/* ////////////////////////////////////////////////////// BRANDS : GRID : IMAGES <440px */
/* 0 - 440w 1x IMAGES 400x400px */
.grid-item-brand .grid-item-brand-1 {
	background-image: url('../images/brands/porsche/brand_grid_porsche_1x_400x400.png');
}

.grid-item-brand .grid-item-brand-2 {
	background-image: url('../images/brands/audi/brand_grid_audi_1x_400x400.png');
}

.grid-item-brand .grid-item-brand-3 {
	background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_1x_400x400.png');
}

.grid-item-brand .grid-item-brand-4 {
	background-image: url('../images/brands/bmw/brand_grid_bmw_1x_400x400.png');
}

.grid-item-brand .grid-item-brand-5 { /* WORK HERE: UPDATE */
	background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_1x_400x400.png');
}

/* 0 - 440w 1x IMAGES 252x252px */
.grid-item-brand-mini .grid-item-brand-1 {
	background-image: url('../images/brands/porsche/brand_grid_mini_porsche_1x_252x252.png');
}

.grid-item-brand-mini .grid-item-brand-2 {
	background-image: url('../images/brands/audi/brand_grid_mini_audi_1x_252x252.png');
}

.grid-item-brand-mini .grid-item-brand-3 {
	background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_1x_252x252.png');
}

.grid-item-brand-mini .grid-item-brand-4 {
	background-image: url('../images/brands/bmw/brand_grid_mini_bmw_1x_252x252.png');
}

.grid-item-brand-mini .grid-item-brand-5 { /* WORK HERE: UPDATE */
	background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_1x_252x252.png');
}

.grid-item-brand-outline-mini,
.grid-item-brand-outline {
	position: relative;
	top: 17.7%;
	width: 55%;
	height: 49%; /* 51% */
	border: .25rem solid var(--black);
	margin: 0 auto; /* CENTER HORIZONTALLY */
	transition: border var(--duration) ease-in-out 0s;
}

.grid-item-brand-content:focus .grid-item-brand-outline,
.grid-item-brand-content:hover .grid-item-brand-outline {
	border: .35rem solid var(--black);
}

.grid-item-brand-outline-mini {
	border: .2rem solid var(--black);
}

.grid-item-brand-content:focus .grid-item-brand-outline-mini,
.grid-item-brand-content:hover .grid-item-brand-outline-mini {
	border: .3rem solid var(--black);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 375px */
@media (min-width: 375px) {
/* ///////////////////////////////////////////////////////////////////// BRANDS : 375px */
	.grid-item-brand h1 {
		font-size: 1.625rem;
		line-height: 2.125rem;
		padding-bottom: 1.125rem;
	}

	.grid-item-brand-mini h1 {
		font-size: 1.25rem;
		padding-bottom: 1.125rem;
	}

	.grid-item-brand-mini .cta {
		padding-top: 1.75rem;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 441px */
@media (min-width: 441px) {
/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 441px */
	/* 441w - 599w 1x IMAGES 559x559px */
	.grid-item-brand .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_porsche_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_audi_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_bmw_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_1x_559x559.png');
	}

	/* 441w - 1199w 1x IMAGES 404x404px */
	.grid-item-brand-mini .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_mini_porsche_1x_404x404.png');
	}

	.grid-item-brand-mini .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_mini_audi_1x_404x404.png');
	}

	.grid-item-brand-mini .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_1x_404x404.png');
	}

	.grid-item-brand-mini .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_mini_bmw_1x_404x404.png');
	}

	.grid-item-brand-mini .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_1x_404x404.png');
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 480px */
@media (min-width: 480px) {
/* ///////////////////////////////////////////////////////////////////// BRANDS : 480px */
	.grid-item-brand-mini {
		width: calc(50% - (var(--global-grid-gap) / 2)); /* ONLY SHOW 2 IMAGES */
	}

	.grid-item-brand h1 {
		font-size: 2.25rem;
		line-height: 2.125rem;
		padding-bottom: 1.25rem;
	}

	.grid-item-brand-mini h1 {
		font-size: 1.375rem;
	}

	.grid-item-brand-mini .cta {
		padding-top: .75rem;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 600px */
@media (min-width: 600px) {
/* ////////////////////////////////////////////////////////////// HOME : BRANDS : 600px */
	.grid-brand-intro {
		width: 85%; /* 50rem : 800px : 55% */
		padding-top: 5rem;
	}

	.grid-brand {
		/* !!! WITHOUT CALC < auto auto > GRID CELLS SHIFT ON HOVER */
		grid-template-columns: calc(50% - (var(--global-grid-gap) / 2)) auto;
		grid-auto-flow: row; /* !!! SWITCH FROM COLUMN TO GRID */
	}

	.grid-item-brand h1 {
		font-size: 1.25rem;
		line-height: 2rem;
		padding-bottom: 1.125rem;
	}

	.grid-item-brand-mini h1 {
		font-size: 1.5rem;
		padding-bottom: 1.375rem;
	}

	.grid-item-brand-mini .cta {
		padding-top: 0rem;
	}

	.grid-item-brand-outline {
		border: .2rem solid var(--black);
	}
	
	.grid-item-brand-content:focus .grid-item-brand-outline,
	.grid-item-brand-content:hover .grid-item-brand-outline {
		border: .3rem solid var(--black);
	}

	.grid-item-brand-outline-mini {
		border: .25rem solid var(--black);
	}

	.grid-item-brand-content:focus .grid-item-brand-outline-mini,
	.grid-item-brand-content:hover .grid-item-brand-outline-mini {
		border: .35rem solid var(--black);
	}

/* WORK HERE : BRAND BUTTONS SIZING > SMALLER OR NO OUTLINE */
/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 600px */
	/* 600w - 799w 1x IMAGES 400x400px */
	.grid-item-brand .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_porsche_1x_400x400.png');
	}

	.grid-item-brand .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_audi_1x_400x400.png');
	}

	.grid-item-brand .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_1x_400x400.png');
	}

	.grid-item-brand .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_bmw_1x_400x400.png');
	}

	.grid-item-brand .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_1x_400x400.png');
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 800px */
@media (min-width: 800px) {
/* ////////////////////////////////////////////////////////////// HOME : BRANDS : 800px */
	.grid-brand-intro {
		padding-top: 7.5rem; /* WORK HERE FOR BRAND PAGE */
	}

	.grid-brand-intro {
		padding-top: 7.5rem;
	}

	.grid-item-brand-mini {
		width: calc(33.3% - (var(--global-grid-gap) / 1.5)); /* ONLY SHOW 3 IMAGES */
	}

	.grid-item-brand h1 {
		font-size: 1.75rem;
		line-height: 2rem;
		padding-bottom: 1.25rem;
	}

	.grid-item-brand-mini h1 {
		padding-bottom: 1rem;
	}

	.grid-item-brand-outline-mini,
	.grid-item-brand-outline {
		border: .25rem solid var(--black);
	}
	
	.grid-item-brand-content:focus .grid-item-brand-outline-mini,
	.grid-item-brand-content:hover .grid-item-brand-outline-mini,
	.grid-item-brand-content:focus .grid-item-brand-outline,
	.grid-item-brand-content:hover .grid-item-brand-outline {
		border: .375rem solid var(--black);
	}

/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 800px */
	/* 800w - 1199w 1x IMAGES 559x559px */
	.grid-item-brand .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_porsche_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_audi_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_bmw_1x_559x559.png');
	}

	.grid-item-brand .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_1x_559x559.png');
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 992px */
@media (min-width: 992px) {
/* ////////////////////////////////////////////////////////////// HOME : BRANDS : 992px */
	.grid-item-brand h1 {
		font-size: 2.25rem;
		line-height: 2.25rem;
		padding-bottom: 1.5rem;
	}

	.grid-item-brand-mini h1 {
		padding-bottom: 1.75rem;
	}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1200px */
@media (min-width: 1200px) {
/* ///////////////////////////////////////////////////////////// HOME : BRANDS : 1200px */
	.grid-item-brand h1 {
		font-size: 3rem;
		line-height: 3rem;
		padding-bottom: 1.5rem;
	}

	.grid-item-brand-mini h1 {
		font-size: 2rem;
		line-height: 2.25rem;
		padding-bottom: 2rem;
	}

/* ////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 1200px */
	/* 1200w+ 1x IMAGES 700x700px */
	.grid-item-brand .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_porsche_1x_700x700.png');
	}

	.grid-item-brand .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_audi_1x_700x700.png');
	}

	.grid-item-brand .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_1x_700x700.png');
	}

	.grid-item-brand .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_bmw_1x_700x700.png');
	}

	.grid-item-brand .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_1x_700x700.png');
	}

	/* 1200w+ 1x IMAGES 498x498px */
	.grid-item-brand-mini .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_mini_porsche_1x_498x498.png');
	}

	.grid-item-brand-mini .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_mini_audi_1x_498x498.png');
	}

	.grid-item-brand-mini .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_1x_498x498.png');
	}

	.grid-item-brand-mini .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_mini_bmw_1x_498x498.png');
	}

	.grid-item-brand-mini .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_1x_498x498.png');
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	/* WORK HERE
	:root {
		--FPO-logo-bg: pink;
	}
	*/

/* ////////////////////////////////////////////////////// BRANDS : GRID : IMAGES <440px */
	/* 0 - 440w 2x IMAGES 800x800px */
	.grid-item-brand .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_porsche_2x_800x800.png');
	}

	.grid-item-brand .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_audi_2x_800x800.png');
	}

	.grid-item-brand .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_2x_800x800.png');
	}

	.grid-item-brand .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_bmw_2x_800x800.png');
	}

	.grid-item-brand .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_2x_800x800.png');
	}

	/* 0 - 440w 2x IMAGES 504x504px */
	.grid-item-brand-mini .grid-item-brand-1 {
		background-image: url('../images/brands/porsche/brand_grid_mini_porsche_2x_504x504.png');
	}

	.grid-item-brand-mini .grid-item-brand-2 {
		background-image: url('../images/brands/audi/brand_grid_mini_audi_2x_504x504.png');
	}

	.grid-item-brand-mini .grid-item-brand-3 {
		background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_2x_504x504.png');
	}

	.grid-item-brand-mini .grid-item-brand-4 {
		background-image: url('../images/brands/bmw/brand_grid_mini_bmw_2x_504x504.png');
	}

	.grid-item-brand-mini .grid-item-brand-5 {
		background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_2x_504x504.png');
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 441px */
	@media (min-width: 441px) {
/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 441px */
	/* 441w - 599w 2x IMAGES 1118x1118px */
		.grid-item-brand .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_porsche_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_audi_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_bmw_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_2x_1118x1118.png');
		}

	/* 441w - 1199w 2x IMAGES 808x808px */
		.grid-item-brand-mini .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_mini_porsche_2x_808x808.png');
		}

		.grid-item-brand-mini .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_mini_audi_2x_808x808.png');
		}

		.grid-item-brand-mini .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_2x_808x808.png');
		}

		.grid-item-brand-mini .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_mini_bmw_2x_808x808.png');
		}

		.grid-item-brand-mini .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_2x_808x808.png');
		}
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 600px */
	@media (min-width: 600px) {
/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 600px */
	/* 600w - 799w 2x IMAGES 800x800px */
		.grid-item-brand .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_porsche_2x_800x800.png');
		}

		.grid-item-brand .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_audi_2x_800x800.png');
		}

		.grid-item-brand .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_2x_800x800.png');
		}

		.grid-item-brand .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_bmw_2x_800x800.png');
		}

		.grid-item-brand .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_2x_800x800.png');
		}
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 800px */
	@media (min-width: 800px) {
/* /////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 800px */
	/* 800w - 1199w 2x IMAGES 1118x1118px */
		.grid-item-brand .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_porsche_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_audi_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_bmw_2x_1118x1118.png');
		}

		.grid-item-brand .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_2x_1118x1118.png');
		}
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1200px */
	@media (min-width: 1200px) {
/* ////////////////////////////////////////////////////// BRANDS : GRID : IMAGES 1200px */
	/* 1200w+ 2x IMAGES 1400x1400px */
		.grid-item-brand .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_porsche_2x_1400x1400.png');
		}

		.grid-item-brand .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_audi_2x_1400x1400.png');
		}

		.grid-item-brand .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_volkswagen_2x_1400x1400.png');
		}

		.grid-item-brand .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_bmw_2x_1400x1400.png');
		}

		.grid-item-brand .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mercedes-benz_2x_1400x1400.png');
		}

	/* 1200w+ 2x IMAGES 996x996px */
		.grid-item-brand-mini .grid-item-brand-1 {
			background-image: url('../images/brands/porsche/brand_grid_mini_porsche_2x_996x996.png');
		}

		.grid-item-brand-mini .grid-item-brand-2 {
			background-image: url('../images/brands/audi/brand_grid_mini_audi_2x_996x996.png');
		}

		.grid-item-brand-mini .grid-item-brand-3 {
			background-image: url('../images/brands/volkswagen/brand_grid_mini_volkswagen_2x_996x996.png');
		}

		.grid-item-brand-mini .grid-item-brand-4 {
			background-image: url('../images/brands/bmw/brand_grid_mini_bmw_2x_996x996.png');
		}

		.grid-item-brand-mini .grid-item-brand-5 {
			background-image: url('../images/brands/mercedes-benz/brand_grid_mini_mercedes-benz_2x_996x996.png');
		}
	}
}

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	/* WORK HERE
	:root {
		--FPO-logo-bg: lime;
	}
	*/
}
