body {
    background-color: lightslategray;

}

  /*nav bar styles*/
  #navbar {
    overflow: hidden;
    background-color: #333;
  }
  
  /* Navbar links */
  #navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  
  .content {
    padding: 16px;
  }
  
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  /* stopps the bar from jerking ans slamming to the top */
  .sticky + .content {
    padding-top: 60px;
  }

  /****end nav bar styles****/

  /***gallery styles***/
  * {
    box-sizing: border-box;
  }
  
  .column {
    float: left;
    width: 33.33%;
    padding: 5px;
  }
  .galpic{
    width: 100%;
    height: auto;
  }
  
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  
  /* causes pics to stack*/
  @media screen and (max-width: 500px) {
    .column {
      width: 100%;
    }
  }
  .spacer h2{
      color: grey;
      width:100%
  }