body{
  background-color: #009999;
}

header{
  background-color: #01B128;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

h1, h2 {
  /*color: #9B0000;*/
  text-align: center;
  font-family: 'Abel', sans-serif;
}

#about{
  background-color: #DDE802;
}

#learn-more{
 background-color: #C50500; 
}

.container{ 
  font-family: 'Abel', sans-serif;
  width: 100%;
  max-width: 500px;
  padding: 0.5em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

.img-item{
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
  height: auto;
}

@media (min-width: 756px) {
  header{
    max-width: 950px;
  }
  .container{ 
    max-width: 950px;
  }
  .img-item{
  max-width: 500px;
  }
}