body, html { margin: 0; padding: 0; font-family: serif; background-color: #FFF; }
* { box-sizing: border-box; }

@font-face {
    font-family: 'Editorial New';
    src: url('fonts/editorialnew-medium.woff2') format('woff2'),
         url('fonts/editorialnew-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 { display: inline-block; font-size: 5rem; font-family: 'Editorial New', serif; font-weight: 400; }
h2 { font-size: 0.75em; margin-bottom: 1.5em; color: #999; font-family: sans-serif; text-transform: uppercase; font-weight: normal; }
a, label { display: inline; text-decoration: none; color: #0A2328; border-bottom: 2px solid #f5d555; padding-bottom: 0.125rem; }
p { display: inline-block; color: #0A2328; margin-bottom: 0.25em; margin-top: 0.5em; }
small { display: block; font-size: 1.25rem; }

hr { border-top: 2px dotted #0A2328; }

nav { background-color: #FFF; width: 100%; position: fixed; }
nav ul { width: 100%; display: block; margin: 0; padding: 0; list-style: none; border-bottom: 2px solid #0A2328; float: left; }
nav ul li { display: inline-block; width: 20%; margin: 0; padding: 0; float: left; border-right:2px solid #0A2328; box-sizing: border-box; }
nav ul li:last-child { border-right: none; }
nav ul li a { line-height: 5rem; border-bottom: none; text-align: center; width: 100%; display: block; float: left; font-family: sans-serif; text-transform: uppercase; font-size: 1.125rem; }
nav ul li a:hover { background: #f5d555; }
nav ul li a.active { background: #f5d555; }

section { display: inline-block; width: 100%; padding: 8rem 16%; font-size: 2em; border-bottom: 2px solid #0A2328; color: #0A2328; line-height: 1.5; }
section.title { padding: 9rem 4% 4rem; text-align: center; }
section.footer { text-align: center; padding: 4rem 8%; }
section.archive a { line-height: 2.5; }
section.language { width: 100%; font-size: 1.5em; color: #999; text-align: center; padding: 4rem 16%; }
section.language a { color: #0A2328; border-color: #f5d555; border-width: 1px; }
section.language a.active { border: none; pointer-events: none; }
section.footer { color: #f5d555; font-size: 1.5rem; border-bottom: none; }

section .box { display: inline-block; border: 2px dotted #0A2328; width: 100%; margin-top: 3rem; font-size: 0.875em; }
section .box p { padding: 2rem 4rem; }

@media only screen and (max-width: 1120px) {
	
	h1 { font-size: 3rem; }
	section { padding: 3rem 8%; font-size: 1.5em; }
	section.title { padding: 6rem 4% 2rem; }
	nav ul li a { line-height: 4rem; font-size: 0.875rem; }
	nav ul li a span { display: none; }
	section .box p { padding: 1rem 2rem; }
	section.language { font-size: 1.25em; }
	section.footer { font-size: 1.25rem; }

}

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

	section { padding: 4rem 4%; font-size: 1.25em; }
	section.title { padding: 1rem 4%; }
	nav { display: none; }


}