/* Base Styles
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/* NOTE
html is set to 62.5% so that all the REM measurements
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 72.5%; }
body {
  font-size: 1.5em; 
  line-height: 1.5em;
  font-weight: 300;
  color: #333333; font-family: 'Calibri', Helvetica, Arial, sans-serif;margin: 0 auto; }


/* Typography
末末末末末末末末末末末末末末末末末末末末末末末末末 */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0.6rem;
  margin-bottom:0.6rem;
  font-weight: 400; 
  color:#000;
}


/* Larger than phablet */
@media (min-width: 1024px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }
@media screen and (max-width: 1023px) {
  h1 { font-size: 3.0rem; }
  h2 { font-size: 2.2rem; }
  h3 { font-size: 1.6rem; }
  h4 { font-size: 1.0rem; }
  h5 { font-size: 16px; }
  h6 { font-size: 0.5rem; }
}