/* BEGIN FIXES: These fixes based on a 7px baseline grid */ 
/* Note that when it is at full size, the fonts */
/* fall nicely onto the 7px lines (all multiples of 7px).  */

h1,h2,h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; 
  font-family: 'Slabo 27px', serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Lora', serif;}

h2{
  text-align: center;
}

h1 { font-size: 42px; line-height: 49px;  margin-bottom:14px; margin-top: 7px; }
h2 { font-size: 35px; line-height: 42px;  margin-bottom:7px;  margin-top: 7px; }
h3 { font-size: 28px; line-height: 35px;  margin-bottom:7px;  margin-top: 7px; }
h4 { font-size: 21px; line-height: 28px;  margin-bottom:7px;  margin-top: 7px; }
h5 { font-size: 21px; line-height: 21px;  margin-bottom:7px;  margin-top: 7px; }
h6 { font-size: 14px; line-height: 14px;  margin-bottom:7px;  margin-top: 7px; }


.myImage {
  background-image: url("paint-color-art-blue-81168.jpg");
}

p{ margin: 0 0 21px 0;
  font-family: 'Slabo 27px', serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Lora', serif;}

p.lead { line-height: 28px; }

blockquote, blockquote p { line-height: 21px; }
blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

hr{ margin: 14px 0 28px; }
img{ margin: 14px 0 7px 0; }

ul, ol { margin-bottom: 21px; }
ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 7px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 7px; }
li{ line-height: 21px; margin-bottom: 14px; }

html, body{
  height:100%;
  font-family: 'Slabo 27px', serif;
  font-size: 15px;
}

.row{
  text-align: center;
  color:#594343;
  padding: 0 0 0 0;
  text-decoration: none;
  font-size: 17px;
}

.myImage {
  background-image: url("images/color.jpg");
  background-image: url("images/use-of-internet-as-a-marketing-medium-1-638.jpg");
  background-image: url("images/smallfonts.png");
  background-image: url("images/reed-co-uk-career-advice-poor-spelling-and-grammar.png");
  background-image: url("images/low-contrast.png");
  background-image: url("images/linelenght.png");
  background-image: url("images/images.jpg");
  background-image: url("images/download%20(1).png");
  background-image: url("images/download.jpg");
  text-align: center;
}

body{ 
  font-size: 14px; 
  line-height: 21px;
  
}

.blockquote{
  background-color:white;
  max-width:960px;
  border: solid 1px blue;    
  text-align: justify;
  -moz-text-align-last: left; 
  text-align-last: left;  /* this isn't working in Chrome. */
}
#wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background-color: white;
  max-width: 960px;
  border: solid 1px blue;
  text-align: justify;
  -moz-text-align-last: left;
  text-align: center;
}

footer{
  background-color:darkgrey;
  padding:30px 15px;
  text-align:center;
}