*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background-image:url("/images/background.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;font-family:sans-serif;font-size:14px;color:#000;}
h1{font-size:20px;color:#940908;}
h2{font-size:16px;color:#000;}
a{color:#0084bf;cursor:pointer;text-decoration:underline;}
a:hover{color:#252525;text-decoration:none;}
img{border:none;max-width:100%;}

#container{max-width:750px;margin:0 auto;}
header{background-color:#fff;border-bottom:4px solid #1A1A1A;height:110px;}
article{background-color:#fff;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.75);padding:15px;border-radius:3px;border:2px solid #1A1A1A;line-height:1.7em;margin-top:10%;margin-bottom:10%;}

#logo{margin:1em 0 .5em 1em;display:inline-block;max-width:300px;position:absolute;}

nav{top:40px;right:30px;display:inline-block;position:absolute;}
nav ul{list-style-type:none;margin:0;padding:0;}
nav li{display:inline-block;margin-right:10px;}
nav li:last-child{margin-right:0;}
nav a{display:inline-block;font-size:18px;padding:2px 5px;text-decoration:none;line-height:30px;font-weight:bold;color:#940908;}

@font-face{font-family:'fontello';src:url('../font/fontello.eot?52852786');src: url('../font/fontello.eot?52852786#iefix') format('embedded-opentype'),url('../font/fontello.woff2?52852786') format('woff2'),url('../font/fontello.woff?52852786') format('woff'),url('../font/fontello.ttf?52852786') format('truetype'),url('../font/fontello.svg?52852786#fontello') format('svg');font-weight:normal;font-style:normal;}
.button-home:before{font-family:'fontello';content:'\e801';margin:0;font-size:32px;font-weight:normal;vertical-align:bottom;}

@media screen and (max-width:800px){
	html{background-image:none;}
	#container{margin:0;}
	header{height:auto;border:none;}
	#logo{margin:0;padding:1em 0 .5em .5em;display:block;position:relative;}
	article{padding:0 10px 10px 10px;border-radius:0;box-shadow:none;border:none;margin-top:0;}
	nav{margin:0 auto;position:relative;display:block;right:auto;top:auto;border-top:2px solid #1A1A1A;border-bottom:2px solid #1A1A1A;}
	nav li{margin:0 3px;}
	nav li:last-child{margin-right:0;}
	nav a{font-size:14px;padding:6px 3px;}
	nav li:first-child a{padding:6px 4px 6px 8px;}
	.button-home:before{font-size:24px;}
}