@media screen and (max-width:799px) and (min-width:640px) {

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

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

header section nav#mainmenu ul { width: 100%; }

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

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

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

section#content { font-size: 18px; }

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

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

h1 { font-size: 24px; text-indent: 18%; width: 100%; margin: 9px 0 23px; }
h2, h3 { font-size: 16px; }

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

textarea {  min-width: 200px; max-width: 230px; }
#sendbutton, input[type=submit] { margin: 0px 0 0; }



}