body { font-family:'Oxygen', sans-serif;; margin:0px; background-color:#414143; background-image:url(../Resources/handwriting.jpg); background-position:left; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; height:100% }
html { height:100% }
#fillLiveLink a:link { color:#fff; text-decoration:none }
#fillLiveLink a:visited { color:#fff; text-decoration:none }
#fillLiveLink a:hover { color:#414143; text-decoration:underline }
#fillLiveLink a:active { color:#fff }
.f-bb { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
#PageDiv { position:relative; margin:auto }
#titleWrap { width:100%; height:99.92%; z-index:0 }
#headLeft1 { width:55%; height:1191px; z-index:0; float:left; padding-top:10px; background-image:url(../Resources/blurred_backgroun.png); background-position:center; background-size:cover; background-repeat:no-repeat; border-right:solid #dedede 15px }
#heading { width:96.97%; min-height:84px; z-index:0; margin-left:20px; margin-top:20px }
#lowerRight { width:100%; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#fillMarket { width:82.72%; min-height:31px; z-index:0; padding:10px; margin-left:80px }
#bottomRight { width:100%; height:270px; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#MasonLogo { width:70%; overflow:hidden }
#PageDiv #Header { width:100.00333333333333% }
@media screen and (max-width:2600px)
{
	#PageDiv { width:auto }
	#titleWrap { height:auto }
	#headLeft1 { width:40%; height:1470px }
	#lowerRight { height:25.92% }
	#bottomRight { height:auto }
	#MasonLogo { width:60% }
}
@media screen and (max-width:1200px)
{
	#PageDiv { width:auto; height:1481px }
	#titleWrap { width:100%; height:99.93% }
	#headLeft1 { width:45% }
	#heading { width:88.08% }
	#lowerRight { height:27.01% }
	#fillMarket { width:79.17% }
	#bottomRight { height:19.52% }
	#MasonLogo { width:70% }
}
@media screen and (max-width:920px)
{
	#PageDiv { width:auto; height:auto; min-height:100% }
	#titleWrap { height:99.88% }
	#headLeft1 { width:66.42%; height:1278px }
	#lowerRight { height:31.06%; min-height:464px }
	#bottomRight { height:22.46%; min-height:178px }
	#PageDiv #Header { width:99.99695652173914% }
}
@media screen and (max-width:720px)
{
	#PageDiv { width:auto }
	#titleWrap { height:99.94% }
	#headLeft1 { width:67.08%; height:auto }
	#heading { width:100%; margin-left:0px; margin-top:0px }
	#lowerRight { width:98.96%; height:auto; min-height:457px; float:right; margin-top:60px }
	#fillMarket { width:79.08% }
	#bottomRight { width:98.96%; height:auto; min-height:478px; float:right; clear:both; margin-top:120px }
	#PageDiv #Header { width:99.99888888888889% }
}
@media screen and (max-width:570px)
{
	#PageDiv { width:auto }
	#titleWrap { height:99.93% }
	#headLeft1 { width:68.66% }
	#lowerRight { width:97.96%; min-height:510px; margin-top:90px }
	#fillMarket { width:74.45%; margin-left:60px }
	#bottomRight { width:97.96%; min-height:287px; margin-top:90px }
	#MasonLogo { width:80% }
	#PageDiv #Header { width:96.84438596491228% }
}
@media screen and (max-width:480px)
{
	#PageDiv { width:auto }
	#titleWrap { height:99.92%; margin-left:auto; margin-right:auto }
	#headLeft1 { width:76.8%; height:99.25% }
	#lowerRight { width:100%; min-height:0px }
	#fillMarket { width:80%; margin-left:30px }
	#bottomRight { width:100%; height:21.79%; min-height:0px; margin-top:50px }
	#PageDiv #Header { width:96.25333333333333% }
}
@media screen and (max-width:320px)
{
	#PageDiv { width:auto }
	#titleWrap { height:auto }
	#headLeft1 { width:82.5%; height:99.31%; padding-top:0px; padding-bottom:10px }
	#fillMarket { width:88.64%; margin-left:10px }
	#bottomRight { height:19.81% }
	#PageDiv #Header { width:94.375% }
}
