/*
   Author: Akram Taghavi-Burris

   File Name: baseline.css
 
   Created: May 1, 2015
   Last Updated: May 6, 2015
   
   Description: REM values are relative em values that scale to the base (html) font size. By making the font-size 10px makes it easy to calculate the rem for each font size.

*/

/*==================== THE BASICS ====================*/
/* the following sets the default font size for the entire document */
html{
    font-size: 10px;
}

body{
  font-size: 1.8rem; /* 18px */
  line-height: 1.5em;
}

/*==================== THE FONT SIZES ====================*/

p {
  font-size: 1.8rem; /* 18px */
  line-height: 1.5000em; /* 27px */
  margin:0 2.5% 1.5em ;
  text-align: justify;
  text-align-last: left;
}

h6{
  font-size:1.6rem; /* 16px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

h5 {
  font-size: 1.8rem; /* 18px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

h4 {
  font-size: 2.1rem; /* 21px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

h3 {
  font-size: 2.4rem; /* 28px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

h2 {
  font-size: 2.8rem; /* 28px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

h1 {
  font-size: 4.2rem; /* 42px */
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}

blockquote {
  font-size: 5.4rem; /* 54*/
  line-height: 1.5em; 
  margin:0 2.5% 1.5em ;
}