@charset "utf-8";
/* CSS Document */

/* Enables % based widths with px based padding / gutters / etc... */

html, body { height:100% ;
	min-height:100% ;
}

body{
	font-family: 'Noto Sans', Arial, serif;
	font-weight: 400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	line-height: 1.5em;
	background: #464646 url('images/page-bg.jpg') center center no-repeat fixed;
	background-size: cover;
}
h2{
	font-family: 'Noto Sans', Arial, serif;
	font-weight: 700;
	font-size:32px;
	line-height: 1.5em;
	color:#181a6d ;
	text-align:center ;
	margin:0 ;
	padding:0 0 0.5em 0 ;
}

h3 { font-size:22px ;
	color:#000 ;
    text-align:center ;
	font-weight:normal ;
}

h4 { font-size:18px ;
	color:#000 ;
    text-align:center ;
	font-weight:normal ;
}

section{
	max-width:960px;
	margin:8% auto 1em auto;
	background:rgba(255, 255, 255, 0.75);
	color:#fff;
	padding:1em ;
	padding:1em ;
}

p.btn { padding-top:1.75em ;
padding-bottom:1.75em ;
text-align:center ;
}

a{
	color: #212c80;
}
a:focus{
	outline:none;
	outline-offset:inherit;
}

a.button { text-align:center ;
font-size:20px ;
margin: auto ;
padding:1em 0.938em ;
border-radius:0.375em ;
background:#252972 ;
color:#fff ;
text-decoration:none ;
text-shadow:2px 2px 2px rgba(0, 0, 0, 1);
}

img.logo { display:block ;
width:100% ;
max-width:200px ;
margin:auto ;
}

@media only screen and (max-width: 1027px) {

	body{
		text-align:center;
		font-size:larger;
	}
	section{
		max-width: 90%;
	}

}

@media only screen and (max-width: 640px) {
	section{
		max-width: 90%;
	}
	
	h2 { font-size:24px }
	
	h3 { font-size:16px }

}