#first h2 {
 font-size: 2rem;
}

#first header {
 padding: 0 10rem 0 5rem;
}

#wrapper section {
  margin: 2.5rem 0 0 0;
}

#wrapper section > .content {
  padding-top: 2rem;
}

#wrapper > section > header h1, #wrapper > section > header h2 {
    position: inherit;
}

#wrapper > section > header > h2 a {
    border-bottom: none;
}

#wrapper > section > header h2 img {
    height: 12em;
}

#wrapper #first header {
  padding: 0 10rem 0 5rem;
}

#wrapper {
  position: absolute;
}

#second h2 {
 font-size: 2rem;
}

#wrapper #second header {
    padding: 0 10rem 0 5rem;
}

#wrapper #second header h2 {
    margin-bottom: 2rem;
}

@media screen and (max-width: 800px) {
  h2 {
      margin: 0 0 1rem 0;
  }

  #wrapper > section > .content {
      padding: 0rem 4rem;
  }
  #wrapper > section > header {
      background-color: #FFFFFF;
  }
  #wrapper section > header {
      width: inherit;
      margin: auto;
  }
  #wrapper #first {
    margin-top: 4.5em
  }
  #wrapper section {
    margin: 0;
  }
  #wrapper #first header {
    padding: 0 5rem 2rem 5rem;
  }
  #wrapper > section > header {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
  #wrapper > section > header h2 img {
    height: 11em;
  }
  #wrapper > section > .content > footer > :last-child {
    margin-top: 4em;
  }

  #wrapper #second header {
  padding: 0;
    text-align: center;
  }

  #wrapper > section.article-section > header {
    background-color: rgba(226, 237, 254, 0);
  }
}

.text-right {
    text-align: right;
}

#wrapper > section > header:before {
    margin-top: 0;
}

#wrapper >section.article-section {
    margin-top: 0;
    background-color: rgba(226, 237, 254, 0.5);
}

#wrapper >section.article-section header h2 a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#wrapper section > header h2 {
    margin: 0;
}