html { -webkit-text-size-adjust: 100%; }

@media only screen and (max-width: 1140px) {
	body > .wrap { width: 96%; margin: 0 2%; min-width: inherit; }
}

@media only screen and (max-width: 1024px) {
	#servicesList { padding-right: 350px; }
}

@media only screen and (max-width: 900px) {
	#ReferenceOverview > li .ReferenceOverviewDescription { font-size: 80%; }
}

@media only screen and (max-width: 750px) {
	main section#content { width: 64%; }
	main aside#subNavi { width: 34%; }
	
	#ReferenceOverview { width: 100%; }
}

@media only screen and (max-width: 700px) {
	#servicesList { width: 95%; opacity: .5; padding-right: 0; }
	#logoLink { bottom: inherit; top: 10px; }
}

@media only screen and (max-width: 650px) {
	#referenceMatrix > li:nth-child(5) { display: none; }
	#referenceMatrix > li:nth-child(3n+1) { clear: none; }
}

@media only screen and (max-width: 600px) {
	.default aside#subNavi { width: 100%; height: 0; overflow: hidden; float: none; }
	.default section#content { width: 100%; float: none; }
	
	.default #mobileSubNavItem { position: relative; left: inherit; margin: 2% 0; padding: 1%;  background: #a1a1a1; color: #fff; cursor: pointer; }
	.default main .innerWrap { position: relative; }
	aside ul { margin-bottom: 0%; }
	aside ul.navi li > a { margin: 1% 0; }
	.showSubNav { display: block !important; height: 30px; width: 30px; position: absolute; right: 0; top: 0; line-height: 30px; text-align: center; cursor: pointer; }
	
	footer { text-align: center; }
	footer p.copyright { width: 100%; }
	footer #footerNavi { float: none; }
}

@media only screen and (max-width: 550px) {
	#homeContent { float: none; width: auto; }
	
	#ReferenceOverview { width: 80%; }
	#ReferenceOverview > li { width: 100%; margin: 0 0 20px 0; float: none; }
	
	ul.ReferenceImageBlock__ImageList { width: 80%; }
	div.ReferenceText { margin-top: 5%; width: 60%; }
}

@media only screen and (max-width: 400px) {
	header { height: auto; overflow: hidden; }
	#servicesList { display: none; }
	#logoLink { position: relative; bottom: inherit; top: inherit; right: inherit; padding: 3% 5%; }
	#logoLink img { width: 80%; height: auto; margin-left: 20%; float: none; }
	
	ul.ReferenceImageBlock__ImageList, div.ReferenceText { width: 100%; margin: 2% 0; }
}