html {
  font-size: 62.5%;
}
body {
  margin: 20px auto;
  padding: 0 20px;
  font: normal 18px Arial, Helvetica, Sans-Serif; font-size: 1.8rem;
}
h1 {
  margin: 20px 0;
  font-size: 24px; font-size: 2.4rem;
  font-weight: bold;
}
form {
  margin: 12px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
ol li {
  margin: 5px;
}

/* Desktop */
@media (min-width: 600px) {
  body {
    width: 600px;
  }
  ol li {
    width: 200px;
    float: left;
  }
  .fname, .lname {
    width: 250px;
  }
  .address1 {
    clear: left;
    width: 400px;
  }
  .address2 {
    width: 100px;
  }
  .city {
    clear: left;
    width: 270px;
  }
  .state {
    width: 120px;
  }
  .postal {
    width: 100px;
  }
}