@import url(http://fonts.googleapis.com/css?family=Dancing+Script);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
/* line 5, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/ProximaNova-Regular.otf"); }
@font-face {
  font-family: 'Proxima Nova Bold';
  src: url("../fonts/ProximaNova-Bold.otf"); }
@media screen and (min-width: 100px) and (max-width: 620px) {
  /* ------ Variables */
  /* ------ Mixins */
  /* line 73, ../sass/fonts.scss */
  body {
    font-family: "Open sans", sans-serif; }
    /* line 75, ../sass/fonts.scss */
    body p, body h1, body h2, body h3, body h4, body h5, body h6 {
      margin-bottom: 0.78125rem;
      line-height: 1.25;
      text-rendering: optimizeLegibility; }
    /* line 80, ../sass/fonts.scss */
    body p {
      font-size: 21.875px;
      font-size: 0.78125rem; }
    /* line 83, ../sass/fonts.scss */
    body h5 {
      font-size: 21.875px;
      font-size: 0.78125rem;
      font-family: 'Proxima Nova'; }
    /* line 87, ../sass/fonts.scss */
    body h4 {
      font-size: 27.34375px;
      font-size: 0.97656rem;
      font-family: 'Proxima Nova'; }
    /* line 91, ../sass/fonts.scss */
    body h3 {
      font-size: 34.17969px;
      font-size: 1.2207rem;
      font-family: 'Proxima Nova'; }
    /* line 95, ../sass/fonts.scss */
    body h2 {
      font-size: 42.72461px;
      font-size: 1.52588rem;
      font-family: 'Proxima Nova'; }
    /* line 99, ../sass/fonts.scss */
    body h1 {
      font-size: 53.40576px;
      font-size: 1.90735rem;
      font-family: 'Proxima Nova'; } }
@media only screen and (min-width: 620px) and (max-width: 980px) {
  /* ------ Variables */
  /* ------ Mixins */
  /* line 160, ../sass/fonts.scss */
  body {
    font-family: "Open sans", sans-serif; }
    /* line 163, ../sass/fonts.scss */
    body p, body h1, body h2, body h3, body h4, body h5, body h6 {
      margin-bottom: 1.40625rem;
      line-height: 1.25; }
    /* line 167, ../sass/fonts.scss */
    body p {
      font-size: 16px;
      font-size: 0.9rem; }
    /* line 170, ../sass/fonts.scss */
    body h5 {
      font-size: 25px;
      font-size: 1.40625rem;
      font-family: 'Proxima Nova'; }
    /* line 174, ../sass/fonts.scss */
    body h4 {
      font-size: 25px;
      font-size: 1.40625rem;
      font-family: 'Proxima Nova'; }
    /* line 178, ../sass/fonts.scss */
    body h3 {
      font-size: 31.25px;
      font-size: 1.75781rem;
      font-family: 'Proxima Nova'; }
    /* line 182, ../sass/fonts.scss */
    body h2 {
      font-size: 39.0625px;
      font-size: 2.19727rem;
      font-family: 'Proxima Nova'; }
    /* line 186, ../sass/fonts.scss */
    body h1 {
      font-size: 48.82813px;
      font-size: 2.74658rem;
      font-family: 'Proxima Nova'; } }
@media screen and (min-width: 980px) {
  /* ------ Variables */
  /* ------ Mixins */
  /* line 246, ../sass/fonts.scss */
  body {
    font-family: "Open sans", sans-serif; }
    /* line 249, ../sass/fonts.scss */
    body p, body h1, body h2, body h3, body h4, body h5, body h6 {
      margin-bottom: 1.5625rem;
      line-height: 1.25; }
    /* line 253, ../sass/fonts.scss */
    body p {
      font-size: 16px;
      font-size: 1rem; }
    /* line 256, ../sass/fonts.scss */
    body h5 {
      font-size: 25px;
      font-size: 1.5625rem;
      font-family: 'Proxima Nova'; }
    /* line 260, ../sass/fonts.scss */
    body h4 {
      font-size: 31.25px;
      font-size: 1.95313rem;
      font-family: 'Proxima Nova'; }
    /* line 264, ../sass/fonts.scss */
    body h3 {
      font-size: 39.0625px;
      font-size: 2.44141rem;
      font-family: 'Proxima Nova'; }
    /* line 269, ../sass/fonts.scss */
    body h2 {
      font-size: 48.82813px;
      font-size: 3.05176rem;
      font-family: 'Proxima Nova'; }
    /* line 273, ../sass/fonts.scss */
    body h1 {
      font-size: 61.03516px;
      font-size: 3.8147rem;
      font-family: 'Proxima Nova'; } }
/* #Grid
================================================== */
/* line 43, ../sass/hrbl.layout.scss */
body {
  font-size: 14px; }

/* line 37, ../sass/main.scss */
button {
  border: 0;
  color: #fff;
  width: 10em;
  background: #0081ff;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 20px 20px 0; }

/* line 48, ../sass/main.scss */
body {
  margin: 0px auto; }

@media screen and (min-width: 100px) and (max-width: 620px) {
  /* line 53, ../sass/main.scss */
  body {
    width: 21.42857em;
    margin: 0px auto; } }
@media only screen and (min-width: 620px) and (max-width: 980px) {
  /* line 60, ../sass/main.scss */
  body {
    width: 44.28571em;
    margin: 0px auto; } }
@media screen and (min-width: 980px) {
  /* line 67, ../sass/main.scss */
  body {
    width: 67.14286em;
    margin: 0px auto; } }
/* line 73, ../sass/main.scss */
header {
  background-color: #7AC143;
  box-shadow: 0px 2px 0px #629d34;
  height: 100px;
  margin-bottom: 20px;
  width: 100%; }
  /* line 79, ../sass/main.scss */
  header h2 {
    color: #fff;
    float: left;
    margin: 20px 0 0 20px;
    text-shadow: 0px 2px 0px #629d34; }

/* line 89, ../sass/main.scss */
.list-item {
  background-color: #eee;
  float: left;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  transition: all 0.5s ease; }
  /* line 96, ../sass/main.scss */
  .list-item .list-item-alpha {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    min-height: 140px;
    max-height: 140px;
    height: 140px;
    transition: all 0.5s ease; }

@media screen and (min-width: 100px) and (max-width: 620px) {
  /* line 112, ../sass/main.scss */
  .list-item {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    text-align: center; }
    /* line 116, ../sass/main.scss */
    .list-item .list-item-alpha {
      float: left;
      width: 100%;
      border-top-left-radius: .5em;
      border-top-right-radius: .5em; }
    /* line 122, ../sass/main.scss */
    .list-item .list-item-beta {
      float: left;
      width: 100%;
      padding-top: 20px;}
    /* line 128, ../sass/main.scss */
    .list-item .list-item-gamma {
      float: left;
      width: 100%; }
    /* line 132, ../sass/main.scss */
    .list-item .list-item-delta {
      float: left;
      width: 100%;
      padding: 20px;
      box-sizing: border-box; }
      /* line 137, ../sass/main.scss */
      .list-item .list-item-delta button {
        width: 100%;
        margin: 0; } }
	.list-image {
		min-height: 100px;
		max-height: 100px;
		height: 100px;	
		max-width: 100px;
	}
@media only screen and (min-width: 620px) and (max-width: 980px) {
  /* line 146, ../sass/main.scss */
  .list-item {
    border-top-left-radius: .5em; }
    /* line 149, ../sass/main.scss */
    .list-item .list-item-alpha {
      border-top-left-radius: .5em;
      float: left;
      width: 10em;
      margin-right: 20px;
	  min-height: 140px;
	  max-height: 140px;
	  height: 140px;
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
    /* line 158, ../sass/main.scss */
    .list-item .list-item-beta {
      float: left;
      width: 21.42857em;
      padding: 20px 0 0 0; }
    /* line 165, ../sass/main.scss */
    .list-item .list-item-gamma {
      float: left;
      width: 21.42857em; }
    /* line 171, ../sass/main.scss */
    .list-item .list-item-delta {
      float: right;
      width: 10em; } }
@media screen and (min-width: 980px) {
  /* line 180, ../sass/main.scss */
  .list-item {
    border-top-left-radius: .5em;
    position: relative; }
    /* line 183, ../sass/main.scss */
    .list-item .list-item-alpha {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-top-left-radius: .5em;
      float: left;
      min-height: 140px;
      max-height: 140px;
      height: 140px;
      width: 10em;
      margin-right: 20px;
      box-sizing: border-box; }
    /* line 192, ../sass/main.scss */
    .list-item .list-item-beta {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      float: left;
	  min-height: 140px;
      width: 21.42857em;
      margin-right: 20px;
	  padding-top: 7%;
      box-sizing: border-box; }
    /* line 201, ../sass/main.scss */
    .list-item .list-item-gamma {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      float: left;
	  min-height: 140px;
      width: 21.42857em;
      margin-right: 20px;
	  padding-top: 7%;
      box-sizing: border-box; }
    /* line 210, ../sass/main.scss */
    .list-item .list-item-delta {
      float: left;
      min-height: 140px;
	  right:0.5%;
	  position: relative;
      width: 10em;
      box-sizing: border-box; }
      /* line 215, ../sass/main.scss */
      .list-item .list-item-delta button {
        margin-top: 40%;
        bottom: 0px;
        position: relative; } }