@media (max-width:1400px){
	#slidersearch .inner .slogan{ font-size: 20px; }
}
@media (max-width:1200px){
	#slider .slideroverlay{ width: 300px; height: 105px; background-position: right bottom; background-repeat: no-repeat; background-size: contain; }
}
@media (max-width:1024px){
	#slider p.content{ padding: 0 50px; }
	#slidersearch .inner .slogan{ margin: 0 20px 0 0; font-size: 20px; }
	#slidersearch .inner input{ max-width: 475px; }
	.content{ padding-left: 15px; padding-right: 15px; }
	#footer{ padding-left: 15px; padding-right: 15px; }
	.overviewlink a{ font-size: 24px; }
	.mobile{ display: block; }
	.lcol,
	.rcol,
	.mobileblock{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 30px !important; }
	#mainnav{ display: none; }
	a#mobilenavlink{ display: block; }
	#parent{ padding-top: 50px; }
	#header{ height: 50px; }
		#header #logo{ top: 4px; }
		#header .topbar .right{ margin-top: -7px; margin-right: 80px; }
			#header .topbar .right .foodonline{ width: 150px; }
				#header .topbar .right .foodonline img{ display: block; width: 100%; }
		#header .bottombar{ z-index: 30; }
	#slider p.content span.title{ font-size: 30px; line-height: 40px; }
	#slider p.content span.description{ font-size: 18px; line-height: 22px; }
	#slidersearch .inner .slogan{ font-size: 16px; }
	#slidersearch .inner input{ max-width: 380px; font-size: 12px; }
	.pagebanner .banneroverlay{ width: 300px; height: 105px; background-position: right bottom; background-repeat: no-repeat; background-size: contain; }
	#maincontent{ padding: 85px 0 0; }
	body.index h1{ font-size: 30px; line-height: 36px; }
	h2.fauxh1{ font-size: 30px; line-height: 36px; }
	.subtitle{ font-size: 20px; line-height: 24px; }
	#overview .info .image2{ padding-top: 10px; }
	.listing li span.image{ height: 260px; }
	.listing li span.title{ font-size: 18px; }
	.listing li span.link a{ font-size: 12px; }
	.overviewlink a{ font-size: 14px; }
	.pagemenu ul li a{ padding: 0 0 130%; background-size: cover; }
		.pagemenu ul li a span{ min-height: 60px; line-height: 16px; }
		.pagemenu.sixitems ul li{ width: 30%; margin: 0 1% 2%; }
	ul.sitemap>li{ width: 100%; margin: 0 0 30px; }
	#slidersearch .inner form{ max-width: 380px; }
}
@media (max-width:800px){
	.listboxes .listbox{ width: 100%; }
	.marcheimagetextblock.right .text{ float: right; width: 100%; margin: 0 0 30px; }
	.marcheimagetextblock.right .image{ float: left; width: 100%; margin: 0 0 0; }
	.marcheimagetextblock.left .text{ float: right; width: 100%; margin: 0 0 30px; }
	.marcheimagetextblock.left .image{ float: left; width: 100%; margin: 0 0 0; }
	.solutionsimagetextblock.right .text{ float: right; width: 100%; margin: 0 0 30px; }
	.solutionsimagetextblock.right .image{ float: left; width: 100%; margin: 0 0 0; }
	.solutionsimagetextblock.left .text{ float: right; width: 100%; margin: 0 0 30px; }
	.solutionsimagetextblock.left .image{ float: left; width: 100%; margin: 0 0 0; }
	.solutionsimagetextblock.right .text h2{ padding: 20px 50% 15px 15px; }
	.solutionsimagetextblock.left .text h2{ padding: 20px 15px 15px 50%; }
	.missionlistboxes .missionlistbox{ width: 100%; }
	.timeline{ background-image: none; }
		.timeline .timelinecontent>ul>li>ul{ padding: 38px 30px 0 0; }
	#slidersearch .inner form{ max-width: 220px; }
}
@media (max-width:700px){
	#header .topbar .right{ display: none; }
	#footer .footernav{ float: none; display: block; width: 100%; padding: 20px; list-style: none; text-align: center; }
		#footer .footernav li{ float: none; display: block; width: 100%; margin: 0 0 10px; text-align: center; }
	#footer p.copyright{ float: none; display: block; width: 100%; padding: 20px; list-style: none; text-align: center; }
	#slider li{ padding: 0 0 100%; }
	#slider a.navarrow{ display: none; }
	#slider p.content{ padding: 0 15px; }
		#slider p.content span.title{ font-size: 18px; line-height: 24px; }
		#slider p.content span.description{ font-size: 14px; line-height: 18px; }
		#slider p.content>a{ padding: 7px 15px; font-size: 12px; }
	#slidersearch .inner .slogan{ width: 100%; margin: 0 0 10px; }
	#slidersearch .inner input{ padding: 10px 5px; background-image: none; font-size: 11px; }
	body.index h1{ background-image: none; font-size: 24px; line-height: 30px; }
	h1{ margin-bottom: 30px; font-size: 24px; line-height: 30px; }
	h2{ font-size: 20px; line-height: 26px; }
	h2.fauxh1{ background-image: none !important; font-size: 24px; line-height: 30px; }
	.listing li{ float: none; display: block; width: 100%; margin: 0 0 30px; }
	#overview .info .image1{ width: 100%; margin: 0 0 30px; }
	#overview .info .image2{ width: 100%; margin: 30px 0; }
	.pagebanner{ padding: 0 0 100%; }
	.col{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 30px !important; }
	ul.arrowlist{ font-size: 14px; line-height: 20px; }
	ul.arrowlistred{ font-size: 14px; line-height: 20px; }
	#maincontent p{ font-size: 14px; line-height: 18px; }
	.historycontent{ display: block !important; margin: 0 0 0 !important; }
		.historycontent h3{ font-size: 20px; line-height: 26px; }
		.historycontent .left{ display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 15px !important; padding: 0 !important; }
		.historycontent .right{ display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 15px !important; padding: 0 !important; }
		.historycontent.vertical{ display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 15px !important; padding: 0 !important; }
		.historycontent.noimage h3{ display: block; margin: 0 0 15px; }
		.historycontent.noimage p{ display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 15px !important; padding: 0 !important; }
	.content{ padding-bottom: 0; }
	ul.tiles.uneven li.quarter{ width: 45%; padding: 0 0 72.6%; }
	ul.tiles.uneven li.tall.half{ width: 100%; padding: 0 0 72.6%; }
	ul.tiles.uneven li.half{ width: 100%; padding: 0 0 56.6%; }
	ul.tiles.uneven li.third{ width: 100%; padding: 0 0 111%; }
	ul.tiles li.middle{ margin: 0 0; }
	.overviewlink a{ padding: 10px 10px 10px 110px; }
	.pagemenu ul li{ display: block; width: 100%; max-width: 100%; margin: 0 0 10px; padding: 0; }
		.pagemenu ul li a{ display: block; width: 100%; max-width: 100%; height: auto; margin: 0 0 10px; padding: 0; }
			.pagemenu ul li a span{ position: relative; left: auto; bottom: auto; display: block; width: 100%; max-width: 100%; min-height: 0; margin: 0; padding: 10px; }
	.imagetextblock .text{ width: 100% !important; }
	.imagetextblock .images{ width: 100% !important; }
	.imagetextblock .images{ margin: 10px 0 50px; }
	.pagemenu.sixitems ul li{ width: 100%; margin: 0 0 10px; }
	.referenceslist{ text-align: center; }
		.referenceslist li{ float: none; display: inline-block; width: 140px; height: 140px; }
			.referenceslist li a{ height: 140px; background-position: center center; background-size: 80% auto; }
	.newslist li{ width: 100%; margin: 0 0 30px; }
	.timeline .timelinecontent>h2{ font-size: 24px; line-height: 30px; }
	.timeline .timelinecontent>ul>li>strong{ left: 17px; width: 70px; height: 70px; padding-top: 22px; }
	.timeline .timelinecontent>ul>li>ul{ margin-left: 110px; padding-top: 22px; }
		.timeline .timelinecontent>ul>li>ul>li{ font-size: 16px; line-height: 22px; }
			.timeline .timelinecontent>ul>li>ul>li>h3{ font-size: 16px; font-weight: 700; line-height: 22px; }
}
@media (max-width:400px){
	#slider .slideroverlay{ width: 150px; }
}