.icongrid--5  {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	column-gap: 30px; 
	row-gap: 30px;
}	 


.icongrid--4  {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	column-gap: 30px; 
	row-gap: 30px;
}	 

.icongrid .icon_grid-item {
	text-align: center;

	padding: 20px;
	aspect-ratio: 1 / 1; /* Maintain a 1:1 ratio (perfect square) */
	/*
		background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.055);
	border: 1px solid #eee;
	*/
	font-weight: 600;
	font-size: 0.9em;
	line-height: 1.3;
}

.icongrid .icon_grid-item span {
	display: block;
	padding: 27%; /* size of icon */
	height: 0;
	background-size: contain;
	background-position: center;
}

/* Tangerine */
.icon--tangerine {
    filter: brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(3967%) hue-rotate(1deg) brightness(102%) contrast(107%);
}

/* WD Yellow */
.icon--wd_yellow {
    filter:brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(3967%) hue-rotate(1deg) brightness(102%) contrast(107%);
}

/* Light Plum */
.icon--light_plum {
    filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(2158%) hue-rotate(307deg) brightness(95%) contrast(95%);
}

/* Magenta */
.icon--magenta {
   filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(7308%) hue-rotate(315deg) brightness(92%) contrast(106%);
}

/* Violet */
.icon--violet {
   filter: brightness(0) saturate(100%) invert(35%) sepia(81%) saturate(416%) hue-rotate(199deg) brightness(89%) contrast(85%);
}

/* Green */
.icon--green {
   filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(1556%) hue-rotate(142deg) brightness(94%) contrast(101%);
}

/* Lilac */
.icon--lilac {
    filter: brightness(0) saturate(100%) invert(80%) sepia(6%) saturate(2529%) hue-rotate(229deg) brightness(82%) contrast(85%);
}

/* Sky Blue */
.icon--sky_blue {
    filter: brightness(0) saturate(100%) invert(47%) sepia(95%) saturate(324%) hue-rotate(172deg) brightness(85%) contrast(88%);
}


.icon--web {
	background-image:url(../_img/icons/Website-Production.png) !important;
}
.icon--online {
	background-image:url(../_img/icons/Online-Solutions.png) !important;
}
.icon--digital {
	background-image:url(../_img/icons/Digital-Marketing.png) !important;
}
.icon--advert {
	background-image:url(../_img/icons/Advertising.png) !important;
}
.icon--brochure {
	background-image:url(../_img/icons/Brochures.png) !important;
}
.icon--tender {
	background-image:url(../_img/icons/Tender-Doc-Design.png) !important;
}
.icon--impact {
	background-image:url(../_img/icons/High-Impact-Mailers.png) !important;
}


.icon--packaging {
	background-image:url(../_img/icons/Packaging.png) !important;
}
.icon--signage {
	background-image:url(../_img/icons/Signage-Banners.png) !important;
}
.icon--exhibition {
	background-image:url(../_img/icons/Exhibitions.png) !important;
}




.content a.fileicon {
	display: inline-block;
	background-size: 45px 45px;
	min-height: 45px;
	background-repeat: no-repeat;
	padding-top: 3px;
}

.content .download_notes {
	position: relative;
	top: -0.8em;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1;
	color: #5f5f5f;
}
.content a.fileicon,
.content .download_notes {
	padding-left: 55px;
}


.content a.pdf {
	background-image: url(../_shared/_img/file-icons/pdf.png)
}
.content a.xls,
.content a.xlsx  {
	background-image: url(../_shared/_img/file-icons/xls.png);
}
.content a.doc,
.content a.docx  {
	background-image: url(../_shared/_img/file-icons/doc.png);
}
.content a.ppt,
.content a.pptx  {
	background-image: url(../_shared/_img/file-icons/ppt.png);
}
.content a.png  {
	background-image: url(../_shared/_img/file-icons/png.png);
}
.content a.jpeg,
.content a.jpg  {
	background-image: url(../_shared/_img/file-icons/jpg.png);
}
.content a.gif  {
	background-image: url(../_shared/_img/file-icons/gif.png);
}
.content a.eps  {
	background-image: url(../_shared/_img/file-icons/eps.png);
}
.content a.ics  {
	background-image: url(../_shared/_img/file-icons/ics.png);
}
.content a.txt  {
	background-image: url(../_shared/_img/file-icons/txt.png);
}
.content a.zip  {
	background-image: url(../_shared/_img/file-icons/zip.png);
}


/** 32 pixel square icons **/
a.icon32 {
	width: 32px;
	height: 32px;
	display: inline-block;
	text-indent: -3456px;
	background-size: 32px 32px;
}
a.icon32.facebook {
	background-image: url(../_shared/_img/social/facebook.png);	
}
a.icon32.twitter {
	background-image: url(../_shared/_img/social/twitter.png);	
}
a.icon32.linkedin {
	background-image: url(../_shared/_img/social/linkedin.png);	
}
a.icon32.youtube {
	background-image: url(../_shared/_img/social/youtube.png);	
}
a.icon32.instagram {
	background-image: url(../_shared/_img/social/instagram.png);	
}
a.icon32.googleplus {
	background-image: url(../_shared/_img/social/googleplus.png);	
}


@media(max-width: 1035px) {
	.icongrid--5  {
		grid-template-columns: 1fr 1fr 1fr 1fr; 
    	column-gap: 20px; 
		row-gap: 20px;
	}	 
}
@media(max-width: 940px) {
	.icongrid .icon_grid-item {
		padding: 20px;
		font-size: 0.9em;
		line-height: 1.3;
	}
	
	
}


@media(max-width: 740px) {
	.icongrid .icon_grid-item {
		padding: 10px;
		font-size: 2vw;
		line-height: 1.3;
	}
}
@media(max-width: 540px) {
	.icongrid--5  {
		grid-template-columns: 1fr 1fr 1fr; 
    	column-gap: 10px; 
		row-gap: 10px;
	}	 
	.icongrid .icon_grid-item {
		padding: 10px;
		font-size: 2.3vw;
		
	}
}