.container.jobs {
  padding: 60px 0 120px;

  h1 + hr {
    margin-bottom: 80px;
  }

  .message {
    @include clearfix;
    margin-bottom: 80px;
    position: relative;

    .photo {
      background: rgb(255,255,255);
      border: 1px solid rgb(210,210,210);
      float: left;
      margin-right: flex-gutter();
      padding: 1px;
      width: flex-grid(4);

      img {
        background: rgb(245,245,245);
        display: block;
        height: 200px;
        width: 100%;
      }
    }
  }

  .jobs-wrapper {
    @include clearfix;
    float: left;
    padding-top: 80px;
    width: flex-grid(12);

    > h2 {
      display: none;
      margin-bottom: 60px;
      padding-bottom: 20px;
    }

    .jobs-sidebar {
      @include box-sizing(border-box);
      border: 1px solid rgb(220,220,220);
      float: left;
      padding: 20px;
      width: flex-grid(3);

      nav {
        margin-bottom: 40px;

        a {
          display: block;
          letter-spacing: 1px;
          margin: 0px -20px;
          padding: 12px 0px 12px 20px;
          text-align: left;

          &:hover {
            background: rgb(245,245,245);
            text-decoration: none;
          }
        }
      }

      p + h2 {
        margin-top: 40px;
      }
    }

    .jobs-listing {
      float: left;
      margin-right: flex-gutter();
      width: flex-grid(9);

      .job {
        border-bottom: 1px solid rgb(220,220,220);
        padding: 40px 0px;

        &:first-child {
          padding-top: 0px;
        }

        &:last-child {
          border: none;
          padding-bottom: 0px;
        }

        .inner-wrapper {
        }

        h3 {
          font-family: $sans-serif;
          font-weight: 700;
          margin-bottom: 15px;
        }
      }
    }
  }
}
