/* Style the header */
body {
    padding: 0 !important;
    margin: 0 !important;
}
footer {
    background-color: #f0f0f0;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 1rem;
    padding: 1rem;
}
.header {
    padding: 0 16px;
    border-bottom: solid 1px #555;
    color: #f1f1f1;
  }
  
  /* Page content */
  .content {
    padding:0;
  }
  
  /* The sticky class is added to the header with JS when it reaches its scroll position */
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: gainsboro;
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .content {
    padding-top: 150px;
  }

  h1 {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: 200;
    line-height: 4rem;
    letter-spacing: 0px;
    border-bottom: solid 2px greenyellow;
    display: inline;
    font-size: 4rem;
    margin-bottom: 50px;
  }

  h3 {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 1.2rem;
    text-align: left;
    padding: 0.5rem;
    padding-bottom: 0 !important;
  }

  p {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 1.2rem;
    padding: 0.5rem;
    text-align: left;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }