html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

	
/* -------- TEXT -----------*/
a:link {text-decoration:none; color:#d9e197; }
a:visited {text-decoration:none; color:#d9e197;  }
a:hover {color:#0795d5;}
a:active {text-decoration:none; color:#d9e197; }

h1
	{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 34px;
	font-weight:900;
	font-style: normal;
	color:#d9e197;
	margin:24px 0 24px 0;
	line-height:38px;
	}

	
p
	{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight:300;
	font-style: normal;
	color:#d9e197;
	margin-bottom:24px;
	line-height:28px;
	}
	
.social
	{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight:700;
	font-style: normal;
	text-align: center;
	color: #f8f8f8;
	background-color:#383434;
	margin: 0 12px 12px 0;
	padding: 0 8px 0 8px;
	min-width:60px;
	float: left;
	}

	
body
	{
	background-color:#1e294e;
	}

#base
	{
	padding: 0px;
	background-color:#1e294e;
	width:100%; 
	height:100%;
	}	
	
.logo
	{
	width:80%; 
	height:auto;
	margin: 0 24px 0 0;
	}	
	
.content
	{
	padding:0 5% 0 2%;
	width:65%; 
	height:100%;
	}
	
.scale
	{
	background-color:#fff;
	width:100%; 
	}
	
	
/*-  MEDIA QUERIES
----------------------------------------------------------------------*/
/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

/* 768px width */
@media screen and (max-width: 768px) 

/*open screen768px */
{

}
/*close screen768px */

/* 480px width */
@media screen and (max-width: 480px) 

/*open screen480px */
{
	
.logo
	{
	width:100%; 
	height:auto;
	margin: 0;
	}	
	
.content
	{
	padding:5%;
	width:90%; 
	height:100%;
	}
}
/*close screen320px */