@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 

  /*
    This ensures that the main body display stays at a width
    which makes the content display in a resonable way when on 
    a device screen large than a mobile, given that it was 
    written for mobile only it streches to much on desktops.
  */
  div#t-center {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

}