body {
  background-image:url(back.jpg)
}
#wrapper {
  width:100%;
  max-width:960px;
  margin: 0 auto;
  background-color: #d6e2d0
} 
img{
  background-color: #a7ce9b
}
section {
  margin-top:10vh;
}

b {
  padding: 30px;
  margin: 0 auto;
  color: #22416a;
  font-size: 20px;
    text-align: center
}

p { padding: 30px;
  color: #362e2e}
@media (min-width: 700px){

    section {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background-color: #a4b79e;
    }
  
  b {
    padding: 30px;
    margin: 0 auto;
    color: #22416a;
    font-size: 20px
  }
  
  p { padding: 30px;
  color: #362e2e}
}