body {
background-color: #6DB469;
text-align: center;  
}
h1 {color: #431700;
  text-align: center;
  font-family: 'Scheherazade New', serif;
  background-color: white;
  font-size: 1.7rem; 
}
h2 {
color: #431700;
text-align: center;
font-family: 'Scheherazade New', serif;
background-color: white;
font-size: 1.7rem;  
}

#backstory {
font-family: 'Lato', sans-serif;
font-size: 1.5rem;
background-color: #6DB469;
padding: 5%;
text-align: left;  
}
 
img {
max-width: 190px;
text-align: center;
margin-right: auto;
margin-left: auto; 
display: block;  
}

@media screen and (min-width:768px) {
h {
  font-size: 1.8rem;
  }
#backstory{  
 font-family: 1.6rem;
 text-align: center; 
  }
 img {
 width: 100%;  
}
#ingr {
  font-size: 1.5rem;
  text-align: center;  
  }
footer {
  font-size: 1.6rem;
  text-align: center;  
}
}

#ingr {
font-family: 'Lato', sans-serif;
font-size: 1.4rem;
text-align: center;  
}

footer {
font-size: 1.35rem;
font-family: 'Lato', sans-serif;  
}

#steps {
font-family: 'Lato', sans-serif;
font-size: 1.4rem;
text-align: center;
}

ul {
list-style-type: square;  
}

figcaption {
position: absolute !important;
height: 1px; width: 1px; 
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}  
  
footer {
font-family: 'Lato', sans-serif;
font-size: 1.3rem;
text-align: center;
}

a:link {
background-color: white;
font-size: 1.6rem;  
}