h1 {
  color:#3D2703;
  font-family: 'Rubik', sans-serif;
}
body {
  background-color: #fcf3db;
}
#tippity-top {
  background-color:#CCAF59;
  text-align: center;
  font-family: 'Rubik', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.para{
  background-color: #fcf3db;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 2%;
  padding-right: 2%;
  font-family: 'Rubik', sans-serif;
  font-size: 1.1em;
}

img {
display: flex;  
width: 75%;
max-width: 1200px;  
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: solid 4px brown;  
}

@media screen and (min-width:768px) {
  .para {
    font-size: 1.3em;
    padding-right: 4%;
    padding-left: 4%;
    background-color: tan;
  }
  img {
  width: 60%;  
  }
 } 

a {
  font-size: 1.4em;
  font-weight: strong;
  font-family: 'Rubik', sans-serif;
}

figcaption {
position: absolute !important;
height: 1px; width: 1px; 
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

a:hover{
background-color: white;
}