html {
    -webkit-text-size-adjust: none
}

body {
    font: normal 14px Segoe UI, Open Sans, San Francisco, PT Sans Caption, Verdana, Tahoma, sans-serif;
    padding: 0; margin: 0; background: #fff;
}

a { color: #357ca5; }
a:hover { color: #3c8dbc; }

header { 
	display: block; padding: 10px 25px;
	background: #3c8dbc;
}

header nav {
	height: 35px; line-height: 35px; padding: 10px 0; max-width: 870px; margin: 0 auto;
}
header nav .title {
	text-decoration: none; color: #fff; line-height: 35px; font-size: 24px;	
}
header nav .lang { 
	display: inline-block; text-decoration: none; float: right;
	color: #fff; font-size: 14px; font-weight: bold;
	padding: 0 18px; height: 35px line-height: 30px; 
}

header nav a.login { 
	display: inline-block; text-decoration: none; float: right;
	background: #fff; color: #357ca5; font-size: 14px; font-weight: bold;
	padding: 0 18px; height: 35px line-height: 30px; 
}
header nav a.login:hover { background: #74a8ca; color: #fff; }
header section {
	padding: 40px 0 10px 0; max-width: 600px; margin: 0 auto 200px auto;
	text-align: center;	color: #fff;
}
header section h1 {
	margin: 0; font-weight: normal; font-size: 35px;
}
header section p {
	font-size: 16px; max-width: 450px; margin: 25px auto;
}
header section a {
	display: block; text-decoration: none; margin: 0 auto;
	background: #fff; color: #357ca5; font-size: 14px; font-weight: bold;
	padding: 0; max-width: 300px; height: 45px; line-height: 45px; 
}
header section a:hover { background: #74a8ca; color: #fff; }

summary {
	box-sizing: border-box; padding: 0; margin: -200px auto 0 auto;
	max-width: 910px; text-align: center;
}
summary img { max-width: 100%; }

main { max-width: 600px; margin: 0 auto 50px auto; padding: 0 15px; }
main#page { max-width: 800px; }

main article { margin: 0 0 50px 0; text-align: justify; }
main article h1 { font-weight: normal; font-size: 26px; padding: 0; margin: 0 0 25px 0; }
main article h2 { font-weight: normal; font-size: 22px; padding: 0; margin: 0 0 15px 0; text-align: center; }
main article h3 { font-weight: normal; font-size: 18px; padding: 0; margin: 0 0 15px 0; }
main article hr { display: block; margin: 20px auto; border: 0; height: 1px; max-width: 300px; background: #357ca5; }
main article p { padding: 0; margin: 0 0 10px 0; }
main article p.lead { font-size: 1.15em; }
main article p.small { font-size: 0.85em; }
main article nav { margin: 15px 0 0 0; text-align: center; }
main article nav a {
	display: inline-block; text-decoration: none; margin: 0 5px 0 0;
	background: #3c8dbc; color: #fff; font-size: 14px; font-weight: bold;
	padding: 0 25px; height: 40px; line-height: 40px; 
}
main article nav a:hover { color: #fff; background: #357ca5; }

main aside { background: #3c8dbc; border: solid 1px #357ca5; border-right-width: 0; border-bottom-width: 0; margin: 25px 0; }
main aside section { display: inline-block; width: 25%; box-sizing: border-box; border: solid 1px #357ca5; border-top-width: 0; border-left-width: 0; color: #fff; text-align: center; padding: 25px 0; }
main aside section span { font-size: 1.8em; display: block; }

footer { 
	padding: 15px; margin: 50px auto 0 auto; line-height: 20px; 
	max-width: 870px; border-top: solid 1px #3c8dbc; text-align: right;
}
footer section { float: left; }
footer aside { font-size: 12px; }
footer aside a { margin: 0 5px 0 0; }

@media (max-width: 550px) {
	header { padding: 10px 15px; }
	header section {  margin: 0 auto 100px auto; }
	header section h1 { font-size: 28px; }
	main aside section { width: 50%; }
	summary { margin: -100px auto 0 auto; }
	footer { text-align: left; }
	footer section { float: none; }
}