html{
	background-image:url('../pictures/L1A.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: inherit; 
}
body{
	width:90%;
	margin:0% auto;
	font-size: 1rem;
	color: #111111;
	font-weight: normal;
	font-family: monospace;
}
#header{
	max-width:100%;
	height:8em;
	background-color:transparent;
	position:absolute;
	top:0;
}
/* #header #logo{
	width:7em;
	height:auto;
	float:left;
}
#header #logo img{
	width:100%;
} */
#header > div > h4{
	margin-left:0em;
	margin-top:3em;
	font-size:5em;
	word-spacing: 0.5em;
	letter-spacing: 0.1em;
	font-weight:700;
	padding-top:0em;
}
#header > div > p{
	margin-left:0em;
	margin-top:1.9em;
	font-size:1.2em;
	word-spacing: 0.5em;
	letter-spacing: 0.1em;
	font-weight:700;
	padding-top:0em;
}
footer{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;

}
footer > .container > div{
	height:100%;
	background-color: transparent;
	color:#222222;
	padding:0.625em;
}
/* footer > .container > div p{
	font-size:1.33em;
	color:#FFFFFF;
	background-color:#111111;
	margin:0.625em;
	padding:0.625em;
} */
footer > .container > div li{
	font-size:1.4em;
	color:#111111;
	background-color:rgba(255, 255, 255,0.7);
	width:auto;
	border-radius:1em;
	margin:0.625em;
	padding:0.625em;
}
footer > .container > div li:nth-of-type(even){
	font-size:1.4em;
	color:#FFFFFF;
	background-color:#111111;
	margin:0.625em;
	padding:0.625em;
}
footer > .container > div ul li a{
	font-size:0.875em;
	color:#A60000;
	font-weight:700;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	
}
footer > .container > div ul li a:hover{
	color:#A68B00;
	font-weight:700;
}
/* @media screen and (min-width:484px) and (max-width:696px){} */
@media screen and (max-width:484px){
	#header{
	  left:5em;
	  max-width:95%;
	}
  	#header > div > h4{
	  font-size:3em;
	  word-spacing: 0em;
		letter-spacing: 0.1em;
	}
}