* { box-sizing: border-box; }
body{ margin: 4px; }

.gfx{ width: 100%; }

#wrapper{ padding: 10px; width: 100%; max-width: 800px; margin: 0 auto;}

@media (min-width: 650px){
  
  .gfx{ display: block; width: 80%; margin: 0 auto; }
  body{ margin: 10px; }
  
}