@charset "utf-8";
/* CSS Document */
/* W3.CSS 4.13 June 2019 */
* {box-sizing: border-box; padding: 0; margin: 0;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,footer,header,main,menu,nav,legal{display:block}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
b,strong{font-weight:bolder}
img{border-style:none}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
/* End extract */
/* ---------------------------------------------------------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	max-width: 90em;
/*	min-height: 100vh; 
	text-align: center;  */
	font-family: 'Roboto', sans-serif;
	color: #fff;
	display: grid;
	grid:	"top"
		    "head"
			"main"
			"foot"
			"legal";
	grid-template-rows: auto;
}

@media (min-width: 40em) {
	body {
		grid:	"top"
			    "head"
				"main"
				"foot"
				"legal";
	}
}

@media (min-width: 50em) {
	body {
		grid:	"top"
			    "head"
				"main"
				"foot"
				"legal";
	}
}

@media (min-width: 60em) {
	body {
		grid:	"top"
			    "head"
				"main"
				"foot"
				"legal";
	}
}

top, header, main, article, footer, legal {
	margin: 0;
}

top {
	padding: 0.3em;
	background: #957B59;
	grid-area: top;
}

header {
	background: #ffffff;
	grid-area: head;
}

article {
    background-image: url('../img/bg.jpg');
    background-size: cover;
	grid-area: main;
}

footer {
	background: #8B0000;
	grid-area: foot;
}
legal {
	padding: 0.5em 0em 0.5em 0em;
	background: #957B59;
	grid-area: legal;
}