/***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 'Roboto';
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}


a img {border:none}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
			      Global styles
***************************************************/

@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #FFF;
	color: #fff;
 	font-family: 'Roboto';	text-align: center;
	font-size: 40px;
}

#wrapper {
	width: 85%;
	margin: 200px auto;
}

h1{
color: #2a6888;
font-family: 'Roboto';
font-size: 7vw;
margin-bottom: 15px;
}

h3{
 font-family: 'Roboto';
font-size: 3vw;
color: #2a6888;
margin-bottom: 40px;
font-weight:300;
}

h2{
font-size: 2vw;
font-weight:300;
color: #2a6888;
margin-bottom: 8px;
}

p{
	 font-family: 'Roboto';
font-size: 1.5vw;
color: #656565;
line-height: 2vw;
margin-bottom: 10px;
font-weight:400;
}

a{
color: #2a6888;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}




.cb{clear:both;}







div.box{margin: 30px 0 0 0 !important;}