@media screen and (max-width:999px) and (min-width:800px) {

main, header section, footer div{  width: 98%;  margin: 0 1%; }

header section nav#mainmenu {  margin: 0 0 0 0%; }

header section figure { width: 69%; margin: 0 0% 0 0; overflow:hidden; width: 62%;}

header section figure img {  float: left;  /*width: 100%;*/ }

section#panel {   background-size: 31%;  background-position: left 0px; }
section#panel aside {  width: 70%; }


aside#galeria img {    margin: 0 0.3%;  width: 32%; }

section#panel aside table td {  font-size: 20px; }

h1 { font-size: 28px; text-indent: 10%;  width: 100%; }

section#mapa { width: 58%;  margin: 0 0% 0 0; }
section#mapa iframe { max-width:100%; }

textarea {  min-width: 200px; }




}