@media all and ( max-width: 799px )
{
	#index { display: block; position: relative; width: 100%; height: 100vh; margin: 0 auto; padding: 0; }

		#index span.responsiveLogo { display: block; position: absolute; bottom: 75px; left: 50%; width: 236px; height: 97px; margin: 0 0 0 -118px; background: transparent url(../../../../../src/img/logos/logo.png) no-repeat 0 0; }
		#index span.arrow { display: block; position: absolute; bottom: 25px; left: 50%; width: 33px; height: 18px; margin: 0 0 0 -16px; background: transparent url(../../../../../src/img/indexIconResponsive.png) no-repeat 0 0; }
		#index div.indexMenu { display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 105px; margin: 50px 0 0 0; }
			#index div.indexMenu a { display: block; position: relative; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #004994; text-decoration: none; }
			#index div.indexMenu a:hover { text-decoration: underline; }
		/*#index span { color: #F1AC97; }*/

		#index a { display: none; }
}
@media all and ( min-width: 800px )
{
	#index { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

		#index a { display: block; position: relative; font-family: 'GillSansMTBold', sans-serif; width: auto; font-size: 50px; line-height: 75px; text-decoration: none; }
		#index a { transition-property: all; transition-duration: 400ms; }
		#index a:hover { color: #F1AC97; }

		#index span.responsiveLogo { display: none; }
		#index span.arrow { display: none; }
		#index div.indexMenu { display: none; }
}