body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 99%;
        min-height: 100vh;
        background-color: #eeecea;
        background-size: cover;
        text-align:center;
        color: rgba(64, 23, 0, 1);
        font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
        font-weight: 300;
    }

    body.home {
              background: url('../img/home-poster.jpg') no-repeat center center #A85423;
              background-size: cover;
    }

    div {
      box-sizing:border-box;
    }
    
    img {
      width: 100%;
      max-width: 100%;
      height: auto;
      max-height: 90vh;
      object-fit: scale-down;
    }

    #title {
      position:relative;
      margin: 1em auto;
      width: 90%;
      max-width: 480px;
      background: rgba(64, 23, 0, 0.65);
      padding: 40px 80px;
      color: #fff;
    }

    body.home #title {
      position:fixed;
      top:45%;
      left:50%;
      transform:translate(-50%,-50%);
      margin: 0;
    }

    #title h1 {
      font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
      font-weight: 300;
      letter-spacing: 5px;
      text-transform: uppercase;
    }

    #title a {
      color: #fff;
      font-size: 18pt;
      margin: 0 0.5em;
    }

      #title a.on {
        text-decoration:none;
        opacity: 0.75;
      }

    #gallery {
      margin: 2em auto;
      max-width: 1024px;
    }

    #gallery .item {
      margin: 1em auto 2em;
      padding: 1em;
      border-bottom: 1px solid rgba(64, 23, 0, 0.25);
    }

    #gallery .item h3 {
      font-style:italic;
      margin:10px 0 0;
    }

    #gallery .item h4 {
      font-size:0.85em;
      margin: 5px 0 20px;
    }

    .pagenav a {
      display:inline-block;
      padding: 0.25em 0.5em;
      font-weight: 400;
      margin: 0 0.25em;
      color: rgba(64, 23, 0, 1);
      border: 1px solid rgba(64, 23, 0, 0.65);
    }

    .pagenav a.on {
      color: rgba(255, 255, 255, 0.75);
      text-decoration:none;
      background-color: rgba(64, 23, 0, 0.65);
      border: 1px solid rgba(64, 23, 0, 0.0);
    }


    footer {
      text-align:center;
      font-size: 0.9em;
      color: #fff;
      padding: 50px 1em;
      background: rgba(64, 23, 0, 0.65);
      margin-top: 50px;
    }

    body.home footer {
      position:absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px 1em;
    }