.icon200 {
	background-repeat: no-repeat;
	background-size: 100px auto;
	background-position: center;
}

.icon200.android-gray { background-image: url(/images/icon200/android-gray.png); }
.icon200.app-exrg { background-image: url(/images/icon200/app-exrg.png); }
.icon200.app-pvc { background-image: url(/images/icon200/app-pvc.png); }
.icon200.app-smrg-alt { background-image: url(/images/icon200/app-smrg-alt.png); }
.icon200.app-smrg { background-image: url(/images/icon200/app-smrg.png); }
.icon200.app-smrs { background-image: url(/images/icon200/app-smrs.png); }
.icon200.archives { background-image: url(/images/icon200/archives.png); }
.icon200.blog { background-image: url(/images/icon200/blog.png); }
.icon200.blueprint { background-image: url(/images/icon200/blueprint.png); }
.icon200.bm-alt { background-image: url(/images/icon200/bm-alt.png); }
.icon200.bm-gray { background-image: url(/images/icon200/bm-gray.png); }
.icon200.bm { background-image: url(/images/icon200/bm.png); }
.icon200.book { background-image: url(/images/icon200/book.png); }
.icon200.browser { background-image: url(/images/icon200/browser.png); }
.icon200.calculator { background-image: url(/images/icon200/calculator.png); }
.icon200.calendar { background-image: url(/images/icon200/calendar.png); }
.icon200.cart { background-image: url(/images/icon200/cart.png); }
.icon200.cases { background-image: url(/images/icon200/cases.png); }
.icon200.catalog { background-image: url(/images/icon200/catalog.png); }
.icon200.cdrom { background-image: url(/images/icon200/cdrom.png); }
.icon200.certificate { background-image: url(/images/icon200/certificate.png); }
.icon200.checkmark { background-image: url(/images/icon200/checkmark.png); }
.icon200.classroom-alt { background-image: url(/images/icon200/classroom-alt.png); }
.icon200.classroom { background-image: url(/images/icon200/classroom.png); }
.icon200.company-alt2 { background-image: url(/images/icon200/company-alt2.png); }
.icon200.company-alt { background-image: url(/images/icon200/company-alt.png); }
.icon200.company { background-image: url(/images/icon200/company.png); }
.icon200.coordinator { background-image: url(/images/icon200/coordinator.png); }
.icon200.course { background-image: url(/images/icon200/course.png); }
.icon200.creative { background-image: url(/images/icon200/creative.png); }
.icon200.cv { background-image: url(/images/icon200/cv.png); }
.icon200.decoupled { background-image: url(/images/icon200/decoupled.png); }
.icon200.defect { background-image: url(/images/icon200/defect.png); }
.icon200.doc { background-image: url(/images/icon200/doc.png); }
.icon200.download { background-image: url(/images/icon200/download.png); }
.icon200.drying { background-image: url(/images/icon200/drying.png); }
.icon200.ds-gray { background-image: url(/images/icon200/ds-gray.png); }
.icon200.ds-mold { background-image: url(/images/icon200/ds-mold.png); }
.icon200.ds-part { background-image: url(/images/icon200/ds-part.png); }
.icon200.ds { background-image: url(/images/icon200/ds.png); }
.icon200.enterprise { background-image: url(/images/icon200/enterprise.png); }
.icon200.events { background-image: url(/images/icon200/events.png); }
.icon200.ex-alt { background-image: url(/images/icon200/ex-alt.png); }
.icon200.ex-gray { background-image: url(/images/icon200/ex-gray.png); }
.icon200.ex-sse { background-image: url(/images/icon200/ex-sse.png); }
.icon200.ex-tse { background-image: url(/images/icon200/ex-tse.png); }
.icon200.ex { background-image: url(/images/icon200/ex.png); }
.icon200.exam { background-image: url(/images/icon200/exam.png); }
.icon200.faqs { background-image: url(/images/icon200/faqs.png); }
.icon200.fives { background-image: url(/images/icon200/fives.png); }
.icon200.gap { background-image: url(/images/icon200/gap.png); }
.icon200.gdt { background-image: url(/images/icon200/gdt.png); }
.icon200.hardware { background-image: url(/images/icon200/hardware.png); }
.icon200.hopper { background-image: url(/images/icon200/hopper.png); }
.icon200.hydraulics { background-image: url(/images/icon200/hydraulics.png); }
.icon200.im-alt { background-image: url(/images/icon200/im-alt.png); }
.icon200.im-course { background-image: url(/images/icon200/im-course.png); }
.icon200.im-gray { background-image: url(/images/icon200/im-gray.png); }
.icon200.im-master { background-image: url(/images/icon200/im-master.png); }
.icon200.im-optimize { background-image: url(/images/icon200/im-optimize.png); }
.icon200.im-process { background-image: url(/images/icon200/im-process.png); }
.icon200.im-set { background-image: url(/images/icon200/im-set.png); }
.icon200.im-skillset { background-image: url(/images/icon200/im-skillset.png); }
.icon200.im-sm { background-image: url(/images/icon200/im-sm.png); }
.icon200.im { background-image: url(/images/icon200/im.png); }
.icon200.individual-alt2 { background-image: url(/images/icon200/individual-alt2.png); }
.icon200.individual-alt { background-image: url(/images/icon200/individual-alt.png); }
.icon200.individual { background-image: url(/images/icon200/individual.png); }
.icon200.info-alt { background-image: url(/images/icon200/info-alt.png); }
.icon200.info { background-image: url(/images/icon200/info.png); }
.icon200.international-alt { background-image: url(/images/icon200/international-alt.png); }
.icon200.international { background-image: url(/images/icon200/international.png); }
.icon200.internet { background-image: url(/images/icon200/internet.png); }
.icon200.ios-gray { background-image: url(/images/icon200/ios-gray.png); }
.icon200.is { background-image: url(/images/icon200/is.png); }
.icon200.lang-fr { background-image: url(/images/icon200/lang-fr.svg); }
.icon200.lang-mc { background-image: url(/images/icon200/lang-mc.svg); }
.icon200.lang-my { background-image: url(/images/icon200/lang-my.svg); }
.icon200.lang-pt { background-image: url(/images/icon200/lang-pt.svg); }
.icon200.lang-sp { background-image: url(/images/icon200/lang-sp.svg); }
.icon200.lang-uk { background-image: url(/images/icon200/lang-uk.svg); }
.icon200.lang-us { background-image: url(/images/icon200/lang-us.svg); }
.icon200.lean { background-image: url(/images/icon200/lean.png); }
.icon200.licensing { background-image: url(/images/icon200/licensing.png); }
.icon200.link { background-image: url(/images/icon200/link.png); }
.icon200.location { background-image: url(/images/icon200/location.png); }
.icon200.macos-gray { background-image: url(/images/icon200/macos-gray.png); }
.icon200.maintenance-alt { background-image: url(/images/icon200/maintenance-alt.png); }
.icon200.maintenance-alt2 { background-image: url(/images/icon200/maintenance-alt2.png); }
.icon200.maintenance { background-image: url(/images/icon200/maintenance.png); }
.icon200.materials-alt { background-image: url(/images/icon200/materials-alt.png); }
.icon200.materials { background-image: url(/images/icon200/materials.png); }
.icon200.math { background-image: url(/images/icon200/math.png); }
.icon200.measuring { background-image: url(/images/icon200/measuring.png); }
.icon200.news { background-image: url(/images/icon200/news.png); }
.icon200.newsletter { background-image: url(/images/icon200/newsletter.png); }
.icon200.os { background-image: url(/images/icon200/os.png); }
.icon200.package { background-image: url(/images/icon200/package.png); }
.icon200.partners { background-image: url(/images/icon200/partners.png); }
.icon200.pdf-alt { background-image: url(/images/icon200/pdf-alt.png); }
.icon200.person { background-image: url(/images/icon200/person.png); }
.icon200.phone { background-image: url(/images/icon200/phone.png); }
.icon200.plan { background-image: url(/images/icon200/plan.png); }
.icon200.pocket-guide { background-image: url(/images/icon200/pocket-guide.png); }
.icon200.pocket-guide-gray { background-image: url(/images/icon200/pocket-guide-gray.png); }
.icon200.portal-cert { background-image: url(/images/icon200/portal-cert.png); }
.icon200.portal-cert-alt { background-image: url(/images/icon200/portal-cert-alt.png); }
.icon200.portal-skills { background-image: url(/images/icon200/portal-skills.png); }
.icon200.portal { background-image: url(/images/icon200/portal.png); }
.icon200.postreq { background-image: url(/images/icon200/postreq.png); }
.icon200.prereq { background-image: url(/images/icon200/prereq.png); }
.icon200.printer { background-image: url(/images/icon200/printer.png); }
.icon200.pvc-ex { background-image: url(/images/icon200/pvc-ex.png); }
.icon200.pvc-im { background-image: url(/images/icon200/pvc-im.png); }
.icon200.qa-gray { background-image: url(/images/icon200/qa-gray.png); }
.icon200.qa { background-image: url(/images/icon200/qa.png); }
.icon200.quality-alt { background-image: url(/images/icon200/quality-alt.png); }
.icon200.quote { background-image: url(/images/icon200/quote.png); }
.icon200.rightstart { background-image: url(/images/icon200/rightstart.png); }
.icon200.robotics { background-image: url(/images/icon200/robotics.png); }
.icon200.roi { background-image: url(/images/icon200/roi.png); }
.icon200.routsis { background-image: url(/images/icon200/routsis.png); }
.icon200.rt-events { background-image: url(/images/icon200/rt-events.png); }
.icon200.rt-events-alt { background-image: url(/images/icon200/rt-events-alt.png); }
.icon200.star { background-image: url(/images/icon200/star.png); }
.icon200.support { background-image: url(/images/icon200/support.png); }
.icon200.target { background-image: url(/images/icon200/target.png); }
.icon200.team { background-image: url(/images/icon200/team.png); }
.icon200.tradeshow { background-image: url(/images/icon200/tradeshow.png); }
.icon200.trainer { background-image: url(/images/icon200/trainer.png); }
.icon200.video-alt { background-image: url(/images/icon200/video-alt.png); }
.icon200.video { background-image: url(/images/icon200/video.png); }
.icon200.webinars { background-image: url(/images/icon200/webinars.png); }
.icon200.win10-gray { background-image: url(/images/icon200/win10-gray.png); }
.icon200.win7-gray { background-image: url(/images/icon200/win7-gray.png); }
.icon200.workshop { background-image: url(/images/icon200/workshop.png); }

div.icon200-grid {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 10px;
	padding: 0 10px;
	margin: 10px 0;
	
	
	> div.icon200 {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 20px 15px 20px 115px;
		min-height: 130px;
		background-size: 75px auto;
		background-position: 15px 15px;
		background-repeat: no-repeat;
		background-color: #f3f3f3;
		border-radius: 5px;
		box-shadow: 0 0 20px #eeeeee, 0px 0px 1.5px rgba(0, 0, 0, 1.0);
	}
	
	> div.icon200 > h2 {
		padding: 0;
		margin: 0;
		line-height: 1.2em;
		font-size: 18px;
		text-wrap: balance;
	}

	> div.icon200 > h2 > a {
		padding: 0;
		margin: 0;
		color: var(--orange);
		white-space: normal;
		font-weight: bold;
		text-decoration: none;
	}
	
	
	> div.icon200 > p {
		font-size: 15px;
		margin-top: 0.5em;
		margin-bottom: 0;
		color: #505050;
		text-wrap: pretty;
		line-height: 1.3em;
	}
	
	> div.icon200.doublewide {
		grid-column: 1 / -1;
		height: min-content;
	}
	
	> div.icon200.special {
		background-color: #ffffff;
		border: 1px solid var(--orange);
	}
	
}

div.icon200-grid.wide {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

div.icon200-grid.simple {
	> div.icon200 {
		display: flex;
		align-items: center;
		background-position: 10px center;
		min-height: 95px;
		padding: 20px 20px 20px 105px;
	}
	
	> div.icon200 > h2 > a {
		color: #666666;
	}
}

div.icon200-grid.major {
	
	> div.icon200 {
		align-items: center;
		background-color: #a4a4a4;
		background-size: 150px auto;
		background-position: right 10px center;
		padding: 25px 185px 25px 25px;
		min-height: 170px;
	}
	
	> div.icon200 > h2 {
		font-size: 24px;
	}
	
	> div.icon200 > p {
		color: #e3e3e3;
		font-size: 16px;
	}
	
	> div.icon200 > h2 > a {
		color: #ffffff;
	}
	
}

div.icon200-procs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 10px;
	margin: 0 10px;
	
	h3 {
		color: #666666;
		text-align: center;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 16px;
		margin-bottom: 0;
	}

	> div.icon200 {
		background-color: #d0d0d0;
		background-size: 120px auto;
		background-position: center 40px;
		padding-top: 180px;
	}
}

div.box.main div.icon200-row {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 30px;
	justify-content: center;
	margin: 30px 0;
	
	
	> div {
		box-sizing: border-box;
	}
	
	> div > * {
		max-width: 150px;
	}
	
	> div > div.icon {
		aspect-ratio: 1/1;
		width: 100%;
		margin: 0 auto 10px auto;
		background-size: 80% auto;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #f3f3f3;
		border-radius: 5px;
		box-shadow: 0 0 20px #eeeeee, 0px 0px 1.5px rgba(0, 0, 0, 1.0);
	}
	
	> div > h3 {
		padding: 0;
		margin: 0;
		text-align: center;
		line-height: 1.2em;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		margin: auto;
	}
	
	> div > h3 > a {
		color: var(--orange);
		white-space: normal;
		text-wrap: pretty;
		font-weight: bold;
		text-decoration: none;
	}
	
}

@media only screen and (max-width: 1319px) {
	
	div.icon200-grid {
		> div.icon200 > p {
			font-size: 15px;
		}
	}
	
	div.icon200-grid.major {
		> div.icon200 {
			background-position: right 20px center;
		}
	}
	
	div.box.main div.icon200-row {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	
	div.icon200-procs > div.icon200 {
		background-position: center 25px;
		background-size: 100px auto;
		padding: 130px 10px 10px 10px;
	}
	
}

@media only screen and (max-width: 959px) {
	
	div.icon200-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		
		> div.icon200 {
			background-position: 10px 10px;
			padding: 20px 15px 20px 100px;
		}
	}
	
	div.icon200-grid.major {
		grid-template-columns: 1fr;
	}
	
	div.box.main div.icon200-row {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap: 20px;
	}
}

@media only screen and (max-width: 799px) {
	
	div.box.main div.icon200-row {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 20px;
	}
	
	div.icon200-grid.wide {
		grid-template-columns: 1fr;
		
		> div.icon200.doublewide {
			grid-column: span 1;
		}
	}
	
	div.icon200-procs {
		grid-template-columns: 1fr 1fr 1fr;
		background-size: 75px auto;
	}
	
	div.icon200-procs::after {
		content: "";
		display: block;
		border-radius: 5px;
		background-color: #a0a0a0;
        padding: 10px;
        background-image: url(/images/creative/routsis_bug_240_d0.png);
		background-size: 75px auto;
        background-position: center center;
        background-repeat: no-repeat;
	}
	
}

@media only screen and (max-width: 619px) {
	div.box.main div.icon200-row {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	div.icon200-grid {
		grid-template-columns: 1fr;
		gap: 10px;
		
		> div.icon200 > h2 {
			font-size: 16px;
		}
	}
	
	div.icon200-procs > div.icon200,
	div.icon200-procs::after	{
        background-size: 75px auto;
        padding: 100px 10px 10px 10px;
    }
	
	div.icon200-procs h3 {
		font-size: 14px;
	}
	
	div.icon200-grid.major {
		
		> div.icon200 {
			background-size: 120px auto;
			padding: 25px 155px 25px 25px;
			min-height: 150px;
		}
		
		> div.icon200 > h2 {
			font-size: 21px;
			padding-top: 0;
		}
	}
		
	
}

@media only screen and (max-width: 479px) {
	
	div.icon200-grid.major {

		> div.icon200 > h2 {
			font-size: 19px;
		}
		
		> div.icon200 > p {
			font-size: 15px;
		}
		
	}
	
	div.box.main div.icon200-row {
		grid-template-columns: 1fr 1fr;
		gap: 30px 20px;
	}
	
	div.icon200-grid {
		> div.icon200 > p {
			font-size: 14px;
		}
	}
	
	div.icon200-procs > div.icon200 {
		padding-left: 5px;
		padding-right: 5px;
	}
	
}

@media only screen and (max-width: 400px) {
	div.icon200-procs {
		grid-template-columns: 1fr 1fr;
	}
}


@media only screen and (max-width: 359px) {
	
	div.icon200-grid.major {
		
		> div.icon200 {
			background-size: 80px auto;
			padding: 25px 110px 25px 25px;
			background-position: right 10px top 20px;
			min-height: 110px;
		}
		
		> div.icon200 > h2 {
			font-size: 19px;
		}
		
		> div.icon200 > p {
			font-size: 15px;
		}
		
	}
	
	div.icon200-grid {
		> div.icon200 {
			background-size: 65px auto;
			background-position: 5px 15px;
			padding: 15px 15px 15px 85px;
		}
	}
}