body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-image:url(../Resources/background.png); height:100% }
html { height:100% }
.f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
#PageDiv { position:relative; min-height:100%; margin:auto }
#overUnderHeaderWrapper { width:100%; max-width:1200px; z-index:100; margin:20px auto auto }
#overUnderHeader { z-index:0; padding-top:20px }
#logoWrapper { width:327px; height:160px; z-index:0; margin-left:auto; margin-right:auto }
#KatnAround { width:327px; overflow:hidden }
#Social { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto }
#SocialM { width:100.00333333333333%; z-index:0; padding:14px; margin-left:auto; margin-right:auto; background-color:#dedede }
#logoWrapper1 { width:577px; height:65px; z-index:0; margin-left:auto; margin-right:auto }
#copyright { width:100%; max-width:1200px; z-index:0; margin-left:auto; margin-right:auto }
#copyrighttext { width:100.00333333333333%; z-index:0; padding:14px; margin-left:auto; margin-right:auto; background-color:#2f3237 }
@media screen and (max-width:1200px)
{
	#PageDiv { width:auto }
}
@media screen and (max-width:920px)
{
	#PageDiv { width:auto }
	#SocialM { width:100.00347826086954% }
	#copyrighttext { width:100.00347826086954% }
}
@media screen and (max-width:720px)
{
	#PageDiv { width:auto }
	#SocialM { width:99.92471389645777% }
	#logoWrapper1 { height:58px }
	#copyrighttext { width:99.92471389645777% }
}
@media screen and (max-width:570px)
{
	#PageDiv { width:auto }
	#logoWrapper { margin-top:auto; margin-bottom:auto }
	#SocialM { width:99.11877697841727% }
	#logoWrapper1 { margin-top:auto; margin-bottom:auto }
	#copyrighttext { width:99.11877697841727% }
}
@media screen and (max-width:480px)
{
	#PageDiv { width:auto }
	#SocialM { width:99.0480487804878% }
	#copyrighttext { width:99.0480487804878% }
}
@media screen and (max-width:320px)
{
	#PageDiv { width:auto }
	#SocialM { width:100% }
	#copyrighttext { width:100% }
}