body > footer#pageFooter {
    
    font-size: 0.9em;
    color:#ffffff;
  }
    
  body > footer#pageFooter::before {
    
    background-color: #222;
  }
    
  body > footer#pageFooter > #footnotes {
  
    grid-column: 1 / -1;
  }


  #pageFooter > section > h3 {
    font-size: 1rem;
    color: #fff;
  }
  
  #pageFooter > section a {
    color: #fff;
    text-decoration: none;
  }
  
  #pageFooter > section a:hover {
    text-decoration: underline;
  }

  #aboutUs > img {
    margin-bottom: 1rem;
  }
  
  #pageFooter > #footnotes {
    margin-top: 2em;
    border-top: 0.1em solid #ffffff;
  }
  
  #pageFooter section li {
    margin-top: 0.5em;
  }
  
  #pageFooter .socialMedia {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    
    max-width: 15em;
    margin-top: auto;
    padding-top: 1em;
  }
  
  #pageFooter .socialMedia svg {
    height: 1.5em;
    vertical-align: middle;
  }
  
  #pageFooter > section:nth-of-type(4) {
    display: flex;
    flex-flow: column nowrap;
  }

  #footnotes {
    font-size: 0.8em;
    padding-top: 2em;
  }

  @media screen and (min-width: 500px) {
    
    #pageFooter > #aboutUs {
      
      grid-column: 1 / -1;
    }
  }
  
  @media screen and (min-width: 850px) {

    #pageFooter > #aboutUs {
      max-width: 17em;
      grid-column: 1 / 2;
    }
  }