/* 
 * @see http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * apply a natural box layout model to all elements, but allowing components to change 
 */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


body {
  font: 1.2em/1.2 Helvetica, aria, sans-serif;
  background: #6E879B;
  margin: 0 3%;
}

h1 {
  font-size: 1.8em;
  margin: .9em 0 0 0;
}

h2 {
  font-size: 1.5em;
  margin: 1.5em 0 0 0;
}

img {
  max-width: 100%;
}

figure {
  background: black;
  border-radius: 5px;
  color: white;
  margin: 0 0 25px 0;
  padding: 10px;
  text-align: center;
  
}

figcaption {
  font-size: .8em;
}

@media screen and (max-width:767px){
body {  
  font: 1.2em/1.2 Times, Garamond, serif;
  background: #8C5858;
  margin: 0 3%;
}
}
@media screen and (max-width:480px){
	body {  
  font: 1.2em/1.2 Helvetica, aria, sans-serif;
  background: #F7DDA4;
  margin: 0 3%;
}
figure{img src: url(https://images.pexels.com/photos/59952/cheetah-predator-wild-animal-speed-59952.jpeg?cs=srgb&dl=pexels-pixabay-59952.jpg&fm=jpg)no-repeat;
	}
}