@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

body {
  font-family: "Quattrocento Sans", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Hind", Arial, Helvetica, sans-serif;
  text-transform: uppercase; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: .9em; }

h6 {
  font-size: .75em; }

form input, form textarea {
  border: 0;
  font: 1em "Quattrocento Sans", Arial, Helvetica, sans-serif;
  padding: .75em; }
form input[type=text], form input[type=email], form textarea {
  background: #e6f3f0;
  display: block;
  outline: none;
  width: 100%; }
form input[type=submit] {
  background: #C8CE62;
  color: #fff;
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: auto;
  text-transform: uppercase; }

/*-----------------------------------*\

  $TOAST-GRID

  An insane grid.
  You'd be mad to use it.

  Usage
  =====

  Assuming default values:

  <div class="grid">
    <div class="grid__col grid__col--1-of-2">
      A half-width column.
    </div>
    <div class="grid__col grid__col--1-of-4 grid__col--pull-1-of-4">
      A quarter, pulled left by its own width. You get this, right?
    </div>
  </div>


  Customisation
  =============

  $grid-namespace and $grid-column-namespace
  adjusts the class names for the grid. With
  default values, grid wrappers have a class
  of '.grid' and columns '.grid__col'.

  $col-groups(n) adjusts column divisions.
  For example, $col-groups(12) will produce
  a 12-column grid. $col-groups(3,6,8)
  will produce a 3-, 6-, and 8-column grid.

  $gutter-width is—you guessed it—the gutter
  width. Accepts any unit.

  That's it. Have fun.

\*-----------------------------------*/
.grid {
  list-style: none;
  margin-left: -20px; }
  .grid > .grid__col--2-of-2, .grid > .grid__col--3-of-3, .grid > .grid__col--4-of-4, .grid > .grid__col--5-of-5, .grid > .grid__col--6-of-6, .grid > .grid__col--8-of-8, .grid > .grid__col--12-of-12 {
    width: 100%; }
  .grid > .grid__col--1-of-2, .grid > .grid__col--2-of-4, .grid > .grid__col--3-of-6, .grid > .grid__col--4-of-8, .grid > .grid__col--6-of-12 {
    width: 50%; }
  .grid > .grid__col--1-of-3, .grid > .grid__col--2-of-6, .grid > .grid__col--4-of-12 {
    width: 33.33333%; }
  .grid > .grid__col--2-of-3, .grid > .grid__col--4-of-6, .grid > .grid__col--8-of-12 {
    width: 66.66667%; }
  .grid > .grid__col--1-of-4, .grid > .grid__col--2-of-8, .grid > .grid__col--3-of-12 {
    width: 25%; }
  .grid > .grid__col--3-of-4, .grid > .grid__col--6-of-8, .grid > .grid__col--9-of-12 {
    width: 75%; }
  .grid > .grid__col--push-2-of-2, .grid > .grid__col--push-3-of-3, .grid > .grid__col--push-4-of-4, .grid > .grid__col--push-5-of-5, .grid > .grid__col--push-6-of-6, .grid > .grid__col--push-8-of-8, .grid > .grid__col--push-12-of-12 {
    margin-left: 100%; }
  .grid > .grid__col--push-1-of-2, .grid > .grid__col--push-2-of-4, .grid > .grid__col--push-3-of-6, .grid > .grid__col--push-4-of-8, .grid > .grid__col--push-6-of-12 {
    margin-left: 50%; }
  .grid > .grid__col--push-1-of-3, .grid > .grid__col--push-2-of-6, .grid > .grid__col--push-4-of-12 {
    margin-left: 33.33333%; }
  .grid > .grid__col--push-2-of-3, .grid > .grid__col--push-4-of-6, .grid > .grid__col--push-8-of-12 {
    margin-left: 66.66667%; }
  .grid > .grid__col--push-1-of-4, .grid > .grid__col--push-2-of-8, .grid > .grid__col--push-3-of-12 {
    margin-left: 25%; }
  .grid > .grid__col--push-3-of-4, .grid > .grid__col--push-6-of-8, .grid > .grid__col--push-9-of-12 {
    margin-left: 75%; }
  .grid > .grid__col--pull-2-of-2, .grid > .grid__col--pull-3-of-3, .grid > .grid__col--pull-4-of-4, .grid > .grid__col--pull-5-of-5, .grid > .grid__col--pull-6-of-6, .grid > .grid__col--pull-8-of-8, .grid > .grid__col--pull-12-of-12 {
    margin-left: -100%; }
  .grid > .grid__col--pull-1-of-2, .grid > .grid__col--pull-2-of-4, .grid > .grid__col--pull-3-of-6, .grid > .grid__col--pull-4-of-8, .grid > .grid__col--pull-6-of-12 {
    margin-left: -50%; }
  .grid > .grid__col--pull-1-of-3, .grid > .grid__col--pull-2-of-6, .grid > .grid__col--pull-4-of-12 {
    margin-left: -33.33333%; }
  .grid > .grid__col--pull-2-of-3, .grid > .grid__col--pull-4-of-6, .grid > .grid__col--pull-8-of-12 {
    margin-left: -66.66667%; }
  .grid > .grid__col--pull-1-of-4, .grid > .grid__col--pull-2-of-8, .grid > .grid__col--pull-3-of-12 {
    margin-left: -25%; }
  .grid > .grid__col--pull-3-of-4, .grid > .grid__col--pull-6-of-8, .grid > .grid__col--pull-9-of-12 {
    margin-left: -75%; }
  .grid > .grid__col--1-of-5 {
    width: 20%; }
  .grid > .grid__col--push-1-of-5 {
    margin-left: 20%; }
  .grid > .grid__col--pull-1-of-5 {
    margin-left: -20%; }
  .grid > .grid__col--2-of-5 {
    width: 40%; }
  .grid > .grid__col--push-2-of-5 {
    margin-left: 40%; }
  .grid > .grid__col--pull-2-of-5 {
    margin-left: -40%; }
  .grid > .grid__col--3-of-5 {
    width: 60%; }
  .grid > .grid__col--push-3-of-5 {
    margin-left: 60%; }
  .grid > .grid__col--pull-3-of-5 {
    margin-left: -60%; }
  .grid > .grid__col--4-of-5 {
    width: 80%; }
  .grid > .grid__col--push-4-of-5 {
    margin-left: 80%; }
  .grid > .grid__col--pull-4-of-5 {
    margin-left: -80%; }
  .grid > .grid__col--1-of-6 {
    width: 16.66667%; }
  .grid > .grid__col--push-1-of-6 {
    margin-left: 16.66667%; }
  .grid > .grid__col--pull-1-of-6 {
    margin-left: -16.66667%; }
  .grid > .grid__col--5-of-6 {
    width: 83.33333%; }
  .grid > .grid__col--push-5-of-6 {
    margin-left: 83.33333%; }
  .grid > .grid__col--pull-5-of-6 {
    margin-left: -83.33333%; }
  .grid > .grid__col--1-of-8 {
    width: 12.5%; }
  .grid > .grid__col--push-1-of-8 {
    margin-left: 12.5%; }
  .grid > .grid__col--pull-1-of-8 {
    margin-left: -12.5%; }
  .grid > .grid__col--3-of-8 {
    width: 37.5%; }
  .grid > .grid__col--push-3-of-8 {
    margin-left: 37.5%; }
  .grid > .grid__col--pull-3-of-8 {
    margin-left: -37.5%; }
  .grid > .grid__col--5-of-8 {
    width: 62.5%; }
  .grid > .grid__col--push-5-of-8 {
    margin-left: 62.5%; }
  .grid > .grid__col--pull-5-of-8 {
    margin-left: -62.5%; }
  .grid > .grid__col--7-of-8 {
    width: 87.5%; }
  .grid > .grid__col--push-7-of-8 {
    margin-left: 87.5%; }
  .grid > .grid__col--pull-7-of-8 {
    margin-left: -87.5%; }
  .grid > .grid__col--1-of-12 {
    width: 8.33333%; }
  .grid > .grid__col--push-1-of-12 {
    margin-left: 8.33333%; }
  .grid > .grid__col--pull-1-of-12 {
    margin-left: -8.33333%; }
  .grid > .grid__col--2-of-12 {
    width: 16.66667%; }
  .grid > .grid__col--push-2-of-12 {
    margin-left: 16.66667%; }
  .grid > .grid__col--pull-2-of-12 {
    margin-left: -16.66667%; }
  .grid > .grid__col--5-of-12 {
    width: 41.66667%; }
  .grid > .grid__col--push-5-of-12 {
    margin-left: 41.66667%; }
  .grid > .grid__col--pull-5-of-12 {
    margin-left: -41.66667%; }
  .grid > .grid__col--7-of-12 {
    width: 58.33333%; }
  .grid > .grid__col--push-7-of-12 {
    margin-left: 58.33333%; }
  .grid > .grid__col--pull-7-of-12 {
    margin-left: -58.33333%; }
  .grid > .grid__col--10-of-12 {
    width: 83.33333%; }
  .grid > .grid__col--push-10-of-12 {
    margin-left: 83.33333%; }
  .grid > .grid__col--pull-10-of-12 {
    margin-left: -83.33333%; }
  .grid > .grid__col--11-of-12 {
    width: 91.66667%; }
  .grid > .grid__col--push-11-of-12 {
    margin-left: 91.66667%; }
  .grid > .grid__col--pull-11-of-12 {
    margin-left: -91.66667%; }
  .grid > *, .grid > .grid__col--1-of-2, .grid > .grid__col--push-1-of-2, .grid > .grid__col--pull-1-of-2, .grid > .grid__col--2-of-2, .grid > .grid__col--push-2-of-2, .grid > .grid__col--pull-2-of-2, .grid > .grid__col--1-of-3, .grid > .grid__col--push-1-of-3, .grid > .grid__col--pull-1-of-3, .grid > .grid__col--2-of-3, .grid > .grid__col--push-2-of-3, .grid > .grid__col--pull-2-of-3, .grid > .grid__col--3-of-3, .grid > .grid__col--push-3-of-3, .grid > .grid__col--pull-3-of-3, .grid > .grid__col--1-of-4, .grid > .grid__col--push-1-of-4, .grid > .grid__col--pull-1-of-4, .grid > .grid__col--2-of-4, .grid > .grid__col--push-2-of-4, .grid > .grid__col--pull-2-of-4, .grid > .grid__col--3-of-4, .grid > .grid__col--push-3-of-4, .grid > .grid__col--pull-3-of-4, .grid > .grid__col--4-of-4, .grid > .grid__col--push-4-of-4, .grid > .grid__col--pull-4-of-4, .grid > .grid__col--1-of-5, .grid > .grid__col--push-1-of-5, .grid > .grid__col--pull-1-of-5, .grid > .grid__col--2-of-5, .grid > .grid__col--push-2-of-5, .grid > .grid__col--pull-2-of-5, .grid > .grid__col--3-of-5, .grid > .grid__col--push-3-of-5, .grid > .grid__col--pull-3-of-5, .grid > .grid__col--4-of-5, .grid > .grid__col--push-4-of-5, .grid > .grid__col--pull-4-of-5, .grid > .grid__col--5-of-5, .grid > .grid__col--push-5-of-5, .grid > .grid__col--pull-5-of-5, .grid > .grid__col--1-of-6, .grid > .grid__col--push-1-of-6, .grid > .grid__col--pull-1-of-6, .grid > .grid__col--2-of-6, .grid > .grid__col--push-2-of-6, .grid > .grid__col--pull-2-of-6, .grid > .grid__col--3-of-6, .grid > .grid__col--push-3-of-6, .grid > .grid__col--pull-3-of-6, .grid > .grid__col--4-of-6, .grid > .grid__col--push-4-of-6, .grid > .grid__col--pull-4-of-6, .grid > .grid__col--5-of-6, .grid > .grid__col--push-5-of-6, .grid > .grid__col--pull-5-of-6, .grid > .grid__col--6-of-6, .grid > .grid__col--push-6-of-6, .grid > .grid__col--pull-6-of-6, .grid > .grid__col--1-of-8, .grid > .grid__col--push-1-of-8, .grid > .grid__col--pull-1-of-8, .grid > .grid__col--2-of-8, .grid > .grid__col--push-2-of-8, .grid > .grid__col--pull-2-of-8, .grid > .grid__col--3-of-8, .grid > .grid__col--push-3-of-8, .grid > .grid__col--pull-3-of-8, .grid > .grid__col--4-of-8, .grid > .grid__col--push-4-of-8, .grid > .grid__col--pull-4-of-8, .grid > .grid__col--5-of-8, .grid > .grid__col--push-5-of-8, .grid > .grid__col--pull-5-of-8, .grid > .grid__col--6-of-8, .grid > .grid__col--push-6-of-8, .grid > .grid__col--pull-6-of-8, .grid > .grid__col--7-of-8, .grid > .grid__col--push-7-of-8, .grid > .grid__col--pull-7-of-8, .grid > .grid__col--8-of-8, .grid > .grid__col--push-8-of-8, .grid > .grid__col--pull-8-of-8, .grid > .grid__col--1-of-12, .grid > .grid__col--push-1-of-12, .grid > .grid__col--pull-1-of-12, .grid > .grid__col--2-of-12, .grid > .grid__col--push-2-of-12, .grid > .grid__col--pull-2-of-12, .grid > .grid__col--3-of-12, .grid > .grid__col--push-3-of-12, .grid > .grid__col--pull-3-of-12, .grid > .grid__col--4-of-12, .grid > .grid__col--push-4-of-12, .grid > .grid__col--pull-4-of-12, .grid > .grid__col--5-of-12, .grid > .grid__col--push-5-of-12, .grid > .grid__col--pull-5-of-12, .grid > .grid__col--6-of-12, .grid > .grid__col--push-6-of-12, .grid > .grid__col--pull-6-of-12, .grid > .grid__col--7-of-12, .grid > .grid__col--push-7-of-12, .grid > .grid__col--pull-7-of-12, .grid > .grid__col--8-of-12, .grid > .grid__col--push-8-of-12, .grid > .grid__col--pull-8-of-12, .grid > .grid__col--9-of-12, .grid > .grid__col--push-9-of-12, .grid > .grid__col--pull-9-of-12, .grid > .grid__col--10-of-12, .grid > .grid__col--push-10-of-12, .grid > .grid__col--pull-10-of-12, .grid > .grid__col--11-of-12, .grid > .grid__col--push-11-of-12, .grid > .grid__col--pull-11-of-12, .grid > .grid__col--12-of-12, .grid > .grid__col--push-12-of-12, .grid > .grid__col--pull-12-of-12, .grid > .grid__col--2-of-2, .grid > .grid__col--3-of-3, .grid > .grid__col--4-of-4, .grid > .grid__col--5-of-5, .grid > .grid__col--6-of-6, .grid > .grid__col--8-of-8, .grid > .grid__col--12-of-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.25em;
    min-height: 1px;
    padding-left: 20px;
    vertical-align: top; }
    @media screen and (max-width: 700px) {
      .grid > *, .grid > .grid__col--1-of-2, .grid > .grid__col--push-1-of-2, .grid > .grid__col--pull-1-of-2, .grid > .grid__col--2-of-2, .grid > .grid__col--push-2-of-2, .grid > .grid__col--pull-2-of-2, .grid > .grid__col--1-of-3, .grid > .grid__col--push-1-of-3, .grid > .grid__col--pull-1-of-3, .grid > .grid__col--2-of-3, .grid > .grid__col--push-2-of-3, .grid > .grid__col--pull-2-of-3, .grid > .grid__col--3-of-3, .grid > .grid__col--push-3-of-3, .grid > .grid__col--pull-3-of-3, .grid > .grid__col--1-of-4, .grid > .grid__col--push-1-of-4, .grid > .grid__col--pull-1-of-4, .grid > .grid__col--2-of-4, .grid > .grid__col--push-2-of-4, .grid > .grid__col--pull-2-of-4, .grid > .grid__col--3-of-4, .grid > .grid__col--push-3-of-4, .grid > .grid__col--pull-3-of-4, .grid > .grid__col--4-of-4, .grid > .grid__col--push-4-of-4, .grid > .grid__col--pull-4-of-4, .grid > .grid__col--1-of-5, .grid > .grid__col--push-1-of-5, .grid > .grid__col--pull-1-of-5, .grid > .grid__col--2-of-5, .grid > .grid__col--push-2-of-5, .grid > .grid__col--pull-2-of-5, .grid > .grid__col--3-of-5, .grid > .grid__col--push-3-of-5, .grid > .grid__col--pull-3-of-5, .grid > .grid__col--4-of-5, .grid > .grid__col--push-4-of-5, .grid > .grid__col--pull-4-of-5, .grid > .grid__col--5-of-5, .grid > .grid__col--push-5-of-5, .grid > .grid__col--pull-5-of-5, .grid > .grid__col--1-of-6, .grid > .grid__col--push-1-of-6, .grid > .grid__col--pull-1-of-6, .grid > .grid__col--2-of-6, .grid > .grid__col--push-2-of-6, .grid > .grid__col--pull-2-of-6, .grid > .grid__col--3-of-6, .grid > .grid__col--push-3-of-6, .grid > .grid__col--pull-3-of-6, .grid > .grid__col--4-of-6, .grid > .grid__col--push-4-of-6, .grid > .grid__col--pull-4-of-6, .grid > .grid__col--5-of-6, .grid > .grid__col--push-5-of-6, .grid > .grid__col--pull-5-of-6, .grid > .grid__col--6-of-6, .grid > .grid__col--push-6-of-6, .grid > .grid__col--pull-6-of-6, .grid > .grid__col--1-of-8, .grid > .grid__col--push-1-of-8, .grid > .grid__col--pull-1-of-8, .grid > .grid__col--2-of-8, .grid > .grid__col--push-2-of-8, .grid > .grid__col--pull-2-of-8, .grid > .grid__col--3-of-8, .grid > .grid__col--push-3-of-8, .grid > .grid__col--pull-3-of-8, .grid > .grid__col--4-of-8, .grid > .grid__col--push-4-of-8, .grid > .grid__col--pull-4-of-8, .grid > .grid__col--5-of-8, .grid > .grid__col--push-5-of-8, .grid > .grid__col--pull-5-of-8, .grid > .grid__col--6-of-8, .grid > .grid__col--push-6-of-8, .grid > .grid__col--pull-6-of-8, .grid > .grid__col--7-of-8, .grid > .grid__col--push-7-of-8, .grid > .grid__col--pull-7-of-8, .grid > .grid__col--8-of-8, .grid > .grid__col--push-8-of-8, .grid > .grid__col--pull-8-of-8, .grid > .grid__col--1-of-12, .grid > .grid__col--push-1-of-12, .grid > .grid__col--pull-1-of-12, .grid > .grid__col--2-of-12, .grid > .grid__col--push-2-of-12, .grid > .grid__col--pull-2-of-12, .grid > .grid__col--3-of-12, .grid > .grid__col--push-3-of-12, .grid > .grid__col--pull-3-of-12, .grid > .grid__col--4-of-12, .grid > .grid__col--push-4-of-12, .grid > .grid__col--pull-4-of-12, .grid > .grid__col--5-of-12, .grid > .grid__col--push-5-of-12, .grid > .grid__col--pull-5-of-12, .grid > .grid__col--6-of-12, .grid > .grid__col--push-6-of-12, .grid > .grid__col--pull-6-of-12, .grid > .grid__col--7-of-12, .grid > .grid__col--push-7-of-12, .grid > .grid__col--pull-7-of-12, .grid > .grid__col--8-of-12, .grid > .grid__col--push-8-of-12, .grid > .grid__col--pull-8-of-12, .grid > .grid__col--9-of-12, .grid > .grid__col--push-9-of-12, .grid > .grid__col--pull-9-of-12, .grid > .grid__col--10-of-12, .grid > .grid__col--push-10-of-12, .grid > .grid__col--pull-10-of-12, .grid > .grid__col--11-of-12, .grid > .grid__col--push-11-of-12, .grid > .grid__col--pull-11-of-12, .grid > .grid__col--12-of-12, .grid > .grid__col--push-12-of-12, .grid > .grid__col--pull-12-of-12, .grid > .grid__col--2-of-2, .grid > .grid__col--3-of-3, .grid > .grid__col--4-of-4, .grid > .grid__col--5-of-5, .grid > .grid__col--6-of-6, .grid > .grid__col--8-of-8, .grid > .grid__col--12-of-12 {
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        width: auto; } }
  .grid .grid__col--centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 700px) {
    .grid {
      margin-left: 0;
      width: auto; } }
  .grid .grid__col--d-first {
    float: left; }
  .grid .grid__col--d-last {
    float: right; }
  .grid.grid--no-gutter {
    margin-left: 0;
    width: 100%; }
    .grid.grid--no-gutter > * {
      padding-left: 0; }
    .grid.grid--no-gutter .grid__col--span-all {
      margin-left: 0;
      width: 100%; }
  .grid .grid__col--ab {
    vertical-align: bottom; }
  .grid .grid__col--am {
    vertical-align: middle; }

body {
  color: #636363; }

section, header, footer {
  width: 100%; }
  section > .grid, section > .grid--no-gutter, header > .grid, header > .grid--no-gutter, footer > .grid, footer > .grid--no-gutter {
    margin: 0 auto !important;
    width: 1200px;
    max-width: 90%; }

header nav, header #logo {
  display: inline-block;
  line-height: 4em; }
header #logo {
  background: url("../images/logo.png") no-repeat;
  background-size: contain;
  background-position: 12px center;
  padding: 1em 2em;
  text-indent: -5000px;
  width: 25%; }
header nav {
  padding-right: 2em;
  text-align: right;
  width: 75%; }
  header nav ul {
    list-style: none; }
    header nav ul li {
      display: inline-block;
      padding-left: 1.5em; }
      header nav ul li a {
        color: #b6c2b6;
        font: 700 1.15em "Hind", Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase; }
        header nav ul li a:hover {
          color: #C8CE62; }

footer {
  font-size: .85em;
  padding: 1.5em 0;
  text-align: center;
  text-transform: uppercase; }

#home .hero {
  background: url("../images/hero_homepage.jpg") no-repeat;
  background-size: cover;
  background-position: middle middle;
  font-size: 1.5em;
  height: 12em;
  position: relative; }
  #home .hero p {
    background: #fff;
    padding: .5em 1.5em .5em .75em;
    position: absolute;
    right: 0;
    top: 55%; }
#home .services .service {
  background: #B3D9D0;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
  padding: 2em .75em;
  position: relative;
  margin: .5em;
  text-align: center; }
  #home .services .service i {
    display: block;
    font-size: 2em;
    margin-bottom: .5em; }
  #home .services .service:hover .caption {
    display: block; }
  #home .services .service .caption {
    display: none;
    position: absolute;
    font-weight: 400;
    font-size: .8em;
    padding: 1em 1.5em;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
#home .about h2, #home .about p {
  color: #969696;
  font-size: 1.25em;
  text-align: right; }
#home .about h2 {
  margin-bottom: .5em; }
#home .about h4 {
  font-size: .9em; }
#home .about h3 {
  font-size: 1.5em;
  font-weight: 400;
  font-style: italic;
  text-transform: lowercase; }
#home .about p {
  line-height: 1.25em;
  font-size: .9em; }
#home .services, #home .about {
  padding: 1em 0 4em; }

#contact .grid {
  padding: .5em 0; }
#contact .address {
  padding-bottom: 1.5em;
  text-align: center; }
#contact label {
  display: block;
  margin-top: .8em;
  text-align: right; }

#portfolio {
  padding-bottom: 5em; }
  @media screen and (max-width: 720px) {
    #portfolio {
      padding-bottom: 25em; } }
  #portfolio .portfolio .intro {
    padding-bottom: 1.5em; }
  #portfolio .portfolio > .grid.sample {
    height: 20em; }
    #portfolio .portfolio > .grid.sample .big, #portfolio .portfolio > .grid.sample .small {
      position: relative; }
      #portfolio .portfolio > .grid.sample .big:hover > .caption, #portfolio .portfolio > .grid.sample .small:hover > .caption {
        display: block; }
    #portfolio .portfolio > .grid.sample .big {
      height: 100%;
      width: 50%; }
      @media screen and (max-width: 720px) {
        #portfolio .portfolio > .grid.sample .big {
          width: auto; } }
    #portfolio .portfolio > .grid.sample .small {
      height: 50%;
      width: 100%; }
    #portfolio .portfolio > .grid.sample .caption {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      display: none;
      height: 100%;
      width: 100%;
      padding-top: 1.5em;
      position: absolute;
      text-align: center; }
    #portfolio .portfolio > .grid.sample #american_society_of_preventive_oncology {
      background: url("../images/ss/american_society_of_preventive_oncology.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #catholic_multicultural_center {
      background: url("../images/ss/catholic_multicultural_center.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #center_for_journalism_ethics {
      background: url("../images/ss/center_for_journalism_ethics.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #dhavan_shah_academic {
      background: url("../images/ss/dhavan_shah_academic.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #grand_slam_tennis {
      background: url("../images/ss/grand_slam_tennis.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #high_point_all-city_swim_2015 {
      background: url("../images/ss/high_point_all-city_swim_2015.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #high_point_swim_club {
      background: url("../images/ss/high_point_swim_club.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #nakoma_all-city_dive_2013 {
      background: url("../images/ss/nakoma_all-city_dive_2013.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #our_lady_queen_of_peace_parish_festival {
      background: url("../images/ss/our_lady_queen_of_peace_parish_festival.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #parkcrest_pool_and_tennis_club {
      background: url("../images/ss/parkcrest_pool_and_tennis_club.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #seminole_all-city_dive_2015 {
      background: url("../images/ss/seminole_all-city_dive_2015.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #uw-madison_chemistry_schomaker_group {
      background: url("../images/ss/uw-madison_chemistry_schomaker_group.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #uw-madison_division_of_student_life {
      background: url("../images/ss/uw-madison_division_of_student_life.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #wisconsin_comprehensive_cancer_control {
      background: url("../images/ss/wisconsin_comprehensive_cancer_control.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #wisconsin_comprehensive_cancer_control_db {
      background: url("../images/ss/wisconsin_comprehensive_cancer_control_db.png") no-repeat; }
    #portfolio .portfolio > .grid.sample #american_society_of_preventive_oncology,
    #portfolio .portfolio > .grid.sample #catholic_multicultural_center,
    #portfolio .portfolio > .grid.sample #center_for_journalism_ethics,
    #portfolio .portfolio > .grid.sample #dhavan_shah_academic,
    #portfolio .portfolio > .grid.sample #grand_slam_tennis,
    #portfolio .portfolio > .grid.sample #high_point_all-city_swim_2015,
    #portfolio .portfolio > .grid.sample #high_point_swim_club,
    #portfolio .portfolio > .grid.sample #nakoma_all-city_dive_2013,
    #portfolio .portfolio > .grid.sample #parkcrest_pool_and_tennis_club,
    #portfolio .portfolio > .grid.sample #seminole_all-city_dive_2015,
    #portfolio .portfolio > .grid.sample #our_lady_queen_of_peace_parish_festival,
    #portfolio .portfolio > .grid.sample #uw-madison_chemistry_schomaker_group,
    #portfolio .portfolio > .grid.sample #uw-madison_division_of_student_life,
    #portfolio .portfolio > .grid.sample #wisconsin_comprehensive_cancer_control,
    #portfolio .portfolio > .grid.sample #wisconsin_comprehensive_cancer_control_db {
      background-size: cover; }

/*# sourceMappingURL=main.css.map */