@media screen and (max-width: 1200px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}
/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
html { font-size: 100% }
@media (min-width: 640px) { body {font-size:100%;} } 
@media (min-width:960px) { body {font-size:120%;} } 
@media (min-width:1100px) { body {font-size:120%;} }

.footer {
  position: relative;
  bottom: 0;
  width: auto
}