/************** LAYOUT **************/
body	    {font:62.5% 'Open Sans', sans-serif; background:#ffffff; text-align:center;color:#000000; vertical-align:top;}
#wrapper	{width:100%; margin:0 auto; height:100%;}
#main       { width: 100%;  height: 530px; padding: 0px; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -50%;padding:10px;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/************** TEXT **************/
a			{color:#2884d6; text-decoration:none;}
a:hover 	{text-decoration:underline;}
p, table, ul {font-size:18px;line-height:1.4em; padding:0px 0px 0px 0px;}
.left   {text-align:left;}
h1		{font-size:32px;padding:20px 0px 20px 0px;color:#000000; font-weight:700;}
h2		{font-size:24px; font-weight:700; padding:10px 0px 5px 0px;color:#000000;}
h3		{font-size:18px;font-weight:700; padding:0px 10px 0px 20px; color:#000000;}
h4		{font-size:13px;font-weight:700; padding:0px 0px 5px 0px; }
ul      {text-align:left; }

#main img	{width:100%; height:auto; max-width:360px;}

p	{margin-bottom:10px;}

#footer .footerText	{color:#000000; font-size:11px; padding:20px 0px 0px 0px;}


/************** CLEARFIX **************/
.clearfix:after {display:block;	visibility:hidden; clear:both;height:0;	content:".";}
.clearfix {display:inline-block}
.clearfix {display:block}

@media screen and (max-width: 860px)
{    
    html                { -webkit-text-size-adjust: 100%;}
	#main           	{ height: auto; top: unset; left: unset; margin: 0 auto;}
}