*{ box-sizing: border-box; }

body{
  background-image: url("Screen%20Shot%202019-10-21%20at%209.55.53%20PM.png");

}

#wrapper{
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
}

#banner{
  padding: 10px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto; 
}
#steps{
  font-family: arial;
  padding: 20px;
  background-color: rgba(177, 226, 205, 0.86);
}

.gfx{
  width:100%;
}


@media (min-width: 800px) {

      p{
        font-size: 1.25rem;
        display: inline-block;
        width: 50%;
        vertical-align: top;
        padding-right: 10px;
      }
      #steps img{ 
        display: inline-block; 
        width: 50%; 
      }
      #steps .gfx{ width: 50%; }

  
}