.showroom-grid, .flyers {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; gap:calc(var(--gap) - 8px); align-items: strech; margin: var(--gap) auto;

	a {display: flex; flex-direction: column; flex-wrap: nowrap; flex: 1 0 260px; align-content: flex-start; justify-content: center; text-align: center; padding: 32px 16px 24px 16px; border-radius: var(--borderRadius); border: 1px solid var(--lightGrey); position: relative; align-content: space-between; transition: 0.4s; background: white;}
	
	a:hover {text-decoration: none; border: 1px solid var(--link); box-shadow: var(--materialShadow); text-decoration: underline;}
	
	a img:not(.logo,.flag) {max-width: 180px; height: 113px; border: 1px solid var(--lightGrey); border-bottom: 1px solid var(--lightGrey); margin: 0 auto 10px auto;}
	
	a b {font-size: 16px; word-break: break-word; margin: 6px auto 8px auto; color: var(--link); flex-grow: 1;}
	a:hover b {color: var(--linkHover); text-decoration: underline;}
	a span {align-self: flex-end; display: block; text-align: center; font-size: 14px; margin: auto;}
	a:hover {text-decoration: none;}
	.flag {width: 20px; height: 15px; border: 1px solid #ccc; position: absolute; top: 10px; right: 10px;}
	.logo {max-width: 80px; max-height: 40px; height: auto; z-index: 5; position: absolute; top: 6px; left: 6px; border: 2px solid #fff;}

}


#lightbox {display:none}


#video_show {text-align: center; margin: 35px auto 0px auto;}

.showroomPage {

	/* LIGHTBOX - SHOWROOM */
	.showroombox {max-width: 750px; width: 100%;
		.lightbox-body {padding: 0; border: none;}
		.lightbox-body iframe {width: 700px; height: 400px;}
		.lightbox-header {font-size: 19px; padding: 0 0 16px 0; color: #555; border: none; display: block}
		.lightbox-header b {font-size: var(--fontSizeXLarge); color: var(--darkGrey); display: block; margin: 0 0 3px 0}

	}

}