* {margin:0; padding:0; list-style-type:none; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px;}
body {margin: 20px auto;}

/*Cabecera*/
#container {width:96%; margin:auto; max-width: 1200px; -webkit-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px -6px rgba(0,0,0,0.75);}
header {width:100%; margin:auto; max-width: 1200px; background:#6e9b36; display: flex; justify-content: space-between; align-items:center; padding:5px 0;}
header div:nth-child(1) {margin-left:2%;}
header div:nth-child(2) {margin-right:2%;}
header h1 {color:#fff; font-size:20px; font-weight: normal;}
#logo { width:10%; margin-top:5px;}
#logo img {height:60px; width:auto;}

/*Footer*/
footer {width:100%; margin:auto; max-width: 1200px; background:#000; padding:5px 0;}
footer p, footer a {text-align:center; color:#fff; font-size: 14px;}
footer a {font-weight: bold; text-decoration: none}
	
@media screen and (max-device-width: 420px), screen and (max-width: 420px) {
body {margin: 5px auto;}
header div:nth-child(2) {width: 170px; text-align: right;}
}