h3 {font-size: 200%;
max-width: unset;
}

.figure2 img , figure img {    

  margin-left: 2%;
}

figure, .figure2  {
    margin: 1% 1% 3em 1%;
    display: flex
;
    flex-direction: column;
}
 

#postman
{width: 80%;}

#arrows {flex-direction: column-reverse;
}

#arrows img 
{ rotate: 90deg;
  max-width: 10em;
  max-height: 10em;
  margin: 1em;}

section {
flex-wrap: wrap;

}


@media only screen and (min-width: 601px) {


nav a {
text-decoration: none;
display: block;
  padding: 2rem 5rem 0rem 0rem;
/* padding: .85rem 1rem; */
color: #ffffff;
}

#arrows
{flex-direction: row;}

.figure2 img , figure img {    
   margin-right: auto;

  margin-left: 2%;
}

 
#postman
{width: 100%;}

#arrows img 
{ rotate: 0deg;
  max-width: 10em;
  max-height: 10em;
  margin: 1em;}

p {
width: 70%;
}

section{
flex-direction: column;
margin: auto;
  margin-left: 5%;
}


h3{

font-size: 300%;

}



article div {

display: flex;
flex-direction: row;

}

}