body { font-family:'Oxygen', sans-serif;; margin:0px; background-color:#414143; background-image:url(../Resources/hero2-1000x500.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 }
#lowerRight { width:100%; height:373px; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#bottomRight { width:100%; height:344px; z-index:0; float:left; margin-top:20px; border-top:solid #dedede 15px }
#MasonLogo { width:30%; 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:20% }
}
@media screen and (max-width:1200px)
{
	#PageDiv { width:auto; height:1481px }
	#titleWrap { width:100%; height:99.93% }
	#headLeft1 { width:45% }
	#lowerRight { height:33.61% }
	#bottomRight { height:25.24% }
	#MasonLogo { width:30% }
}
@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:38.42%; min-height:464px }
	#bottomRight { height:23.08%; min-height:178px }
	#MasonLogo { width:20% }
	#PageDiv #Header { width:99.99695652173914% }
}
@media screen and (max-width:720px)
{
	#PageDiv { width:auto }
	#titleWrap { height:99.94% }
	#headLeft1 { width:67.08%; height:auto }
	#lowerRight { width:98.96%; height:auto; min-height:457px; float:right; margin-top:60px }
	#bottomRight { width:98.96%; height:auto; min-height:532px; float:right; clear:both; margin-top:120px }
	#MasonLogo { width:35% }
	#PageDiv #Header { width:99.99888888888889% }
}
@media screen and (max-width:570px)
{
	#PageDiv { width:auto }
	#titleWrap { height:82.28% }
	#headLeft1 { width:68.66% }
	#lowerRight { width:97.96%; min-height:510px; margin-top:90px }
	#bottomRight { width:97.96%; min-height:275px; margin-top:90px }
	#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 }
	#bottomRight { width:100%; height:25.51%; 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 }
	#bottomRight { height:25.4% }
	#MasonLogo { width:50% }
	#PageDiv #Header { width:94.375% }
}