/*
  #Ribs
  ## Copyright Information
  Skeleton is Copyright 2011, Dave Gamache

  Ribs is the evolution of Skeleton by Nick Pack
  Free to use under the MIT license.
  http://github.com/nickpack/Ribs
  
  Additions/changes by Linda Law, Copyright 2013
*/
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 52, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 66, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 76, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 88, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 96, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 105, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 118, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 127, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 136, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 144, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 152, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 162, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 174, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 183, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 191, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 199, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 208, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 215, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 219, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 231, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 239, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 251, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 263, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 274, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 288, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 300, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 312, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 327, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 337, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 347, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 358, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 371, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 380, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 390, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 403, ../Ribs and Sass/src/scss/normalize/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
EXAMPLE - Declare Open Sans font-face (Remember to add the font files to $font_path)
@include declare-font-face("Open Sans", "opensans-regular-webfont");
*/
/* line 24, ../Ribs and Sass/src/scss/Ribs.scss */
body {
  background: #fff;
  font: 24px/36px "Aparajita", "Palatino Linotype", Palatino, serif;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 35, ../Ribs and Sass/src/scss/Ribs.scss */
body#page1,
body#page3,
body#page4 {
  padding-left: 17px;
}

/* line 40, ../Ribs and Sass/src/scss/Ribs.scss */
hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* line 49, ../Ribs and Sass/src/scss/Ribs.scss */
footer {
  background: #47bdf6;
  text-align: center;
  color: #000;
  padding: 10px 0;
  font-size: 16px;
}

/*
#Grid System

<div class="one column alpha">One</div>
<div class="fifteen columns omega">Fifteen</div>
<div class="three columns alpha">Three</div>
<div class="thirteen columns omega">Thirteen</div>
<div class="push-by-twelve four columns alpha omega">Four Pushed by Twelve</div>
<div class="seven columns alpha">Seven</div>
<div class="nine columns omega">Nine</div>
<div class="four columns alpha">Four</div>
<div class="twelve columns omega">Twelve</div>
<div class="five columns alpha">Five</div>
<div class="eleven columns omega">Eleven</div>
<div class="eight columns alpha">Eight</div>
<div class="eight columns omega">Eight</div>
<div class="six columns alpha">Six</div>
<div class="ten columns omega">Ten</div>
<div class="push-by-eight eight columns alpha omega">Eight Pushed by Eight</div>
<div class="three columns alpha">Three</div>
<div class="ten columns">Ten</div>
<div class="three columns omega">Three</div>
<div class="eleven columns alpha">Eleven</div>
<div class="five columns omega">Five</div>
*/
/* line 27, ../Ribs and Sass/src/scss/_grid.scss */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
/* line 31, ../Ribs and Sass/src/scss/_grid.scss */
.container .alpha {
  margin-left: 0;
}
/* line 34, ../Ribs and Sass/src/scss/_grid.scss */
.container .omega {
  margin-right: 0;
}

/* line 39, ../Ribs and Sass/src/scss/_grid.scss */
.column, .columns {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 45, ../Ribs and Sass/src/scss/_grid.scss */
.alpha-omega {
  margin-right: 0;
  margin-left: 0;
}

/* line 50, ../Ribs and Sass/src/scss/_grid.scss */
.row {
  margin-bottom: 20px;
}

/* line 122, ../Ribs and Sass/src/scss/_mixins.scss */
.container {
  width: 960px;
}
/* line 125, ../Ribs and Sass/src/scss/_mixins.scss */
.container .one {
  width: 40px;
}
/* line 126, ../Ribs and Sass/src/scss/_mixins.scss */
.container .two {
  width: 100px;
}
/* line 127, ../Ribs and Sass/src/scss/_mixins.scss */
.container .three {
  width: 160px;
}
/* line 128, ../Ribs and Sass/src/scss/_mixins.scss */
.container .four {
  width: 220px;
}
/* line 129, ../Ribs and Sass/src/scss/_mixins.scss */
.container .five {
  width: 280px;
}
/* line 130, ../Ribs and Sass/src/scss/_mixins.scss */
.container .six {
  width: 340px;
}
/* line 131, ../Ribs and Sass/src/scss/_mixins.scss */
.container .seven {
  width: 400px;
}
/* line 132, ../Ribs and Sass/src/scss/_mixins.scss */
.container .eight {
  width: 460px;
}
/* line 133, ../Ribs and Sass/src/scss/_mixins.scss */
.container .nine {
  width: 520px;
}
/* line 134, ../Ribs and Sass/src/scss/_mixins.scss */
.container .ten {
  width: 580px;
}
/* line 135, ../Ribs and Sass/src/scss/_mixins.scss */
.container .eleven {
  width: 640px;
}
/* line 136, ../Ribs and Sass/src/scss/_mixins.scss */
.container .twelve {
  width: 700px;
}
/* line 137, ../Ribs and Sass/src/scss/_mixins.scss */
.container .thirteen {
  width: 760px;
}
/* line 138, ../Ribs and Sass/src/scss/_mixins.scss */
.container .fourteen {
  width: 820px;
}
/* line 139, ../Ribs and Sass/src/scss/_mixins.scss */
.container .fifteen {
  width: 880px;
}
/* line 140, ../Ribs and Sass/src/scss/_mixins.scss */
.container .sixteen {
  width: 940px;
}
/* line 141, ../Ribs and Sass/src/scss/_mixins.scss */
.container .one-third {
  width: 300px;
}
/* line 142, ../Ribs and Sass/src/scss/_mixins.scss */
.container .two-thirds {
  width: 620px;
}
/* line 143, ../Ribs and Sass/src/scss/_mixins.scss */
.container .one-half {
  width: 460px;
}
/* line 144, ../Ribs and Sass/src/scss/_mixins.scss */
.container .one-quarter {
  width: 220px;
}
/* line 145, ../Ribs and Sass/src/scss/_mixins.scss */
.container .three-quarters {
  width: 700px;
}
/* line 147, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-one {
  padding-left: 60px;
}
/* line 148, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-two {
  padding-left: 120px;
}
/* line 149, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-three {
  padding-left: 180px;
}
/* line 150, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-four {
  padding-left: 240px;
}
/* line 151, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-five {
  padding-left: 300px;
}
/* line 152, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-six {
  padding-left: 360px;
}
/* line 153, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-seven {
  padding-left: 420px;
}
/* line 154, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-eight {
  padding-left: 480px;
}
/* line 155, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-nine {
  padding-left: 540px;
}
/* line 156, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-ten {
  padding-left: 600px;
}
/* line 157, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-eleven {
  padding-left: 660px;
}
/* line 158, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-twelve {
  padding-left: 720px;
}
/* line 159, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-thirteen {
  padding-left: 780px;
}
/* line 160, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-fourteen {
  padding-left: 840px;
}
/* line 161, ../Ribs and Sass/src/scss/_mixins.scss */
.container .offset-by-fifteen {
  padding-left: 900px;
}
/* line 163, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-one {
  margin-left: -60px;
}
/* line 164, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-two {
  margin-left: -120px;
}
/* line 165, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-three {
  margin-left: -180px;
}
/* line 166, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-four {
  margin-left: -240px;
}
/* line 167, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-five {
  margin-left: -300px;
}
/* line 168, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-six {
  margin-left: -360px;
}
/* line 169, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-seven {
  margin-left: -420px;
}
/* line 170, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-eight {
  margin-left: -480px;
}
/* line 171, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-nine {
  margin-left: -540px;
}
/* line 172, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-ten {
  margin-left: -600px;
}
/* line 173, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-eleven {
  margin-left: -660px;
}
/* line 174, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-twelve {
  margin-left: -720px;
}
/* line 175, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-thirteen {
  margin-left: -780px;
}
/* line 176, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-fourteen {
  margin-left: -840px;
}
/* line 177, ../Ribs and Sass/src/scss/_mixins.scss */
.container .pull-by-fifteen {
  margin-left: -900px;
}
/* line 179, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-one {
  margin-left: 60px;
}
/* line 180, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-two {
  margin-left: 120px;
}
/* line 181, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-three {
  margin-left: 180px;
}
/* line 182, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-four {
  margin-left: 240px;
}
/* line 183, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-five {
  margin-left: 300px;
}
/* line 184, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-six {
  margin-left: 360px;
}
/* line 185, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-seven {
  margin-left: 420px;
}
/* line 186, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-eight {
  margin-left: 480px;
}
/* line 187, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-nine {
  margin-left: 540px;
}
/* line 188, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-ten {
  margin-left: 600px;
}
/* line 189, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-eleven {
  margin-left: 660px;
}
/* line 190, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-twelve {
  margin-left: 720px;
}
/* line 191, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-thirteen {
  margin-left: 780px;
}
/* line 192, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-fourteen {
  margin-left: 840px;
}
/* line 193, ../Ribs and Sass/src/scss/_mixins.scss */
.container .push-by-fifteen {
  margin-left: 900px;
}

@media only screen and (max-width: 959px) {
  /* line 122, ../Ribs and Sass/src/scss/_mixins.scss */
  .container {
    width: 768px;
  }
  /* line 125, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .one {
    width: 28px;
  }
  /* line 126, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .two {
    width: 76px;
  }
  /* line 127, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .three {
    width: 124px;
  }
  /* line 128, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .four {
    width: 172px;
  }
  /* line 129, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .five {
    width: 220px;
  }
  /* line 130, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .six {
    width: 268px;
  }
  /* line 131, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .seven {
    width: 316px;
  }
  /* line 132, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .eight {
    width: 364px;
  }
  /* line 133, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .nine {
    width: 412px;
  }
  /* line 134, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .ten {
    width: 460px;
  }
  /* line 135, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .eleven {
    width: 508px;
  }
  /* line 136, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .twelve {
    width: 556px;
  }
  /* line 137, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .thirteen {
    width: 604px;
  }
  /* line 138, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .fourteen {
    width: 652px;
  }
  /* line 139, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .fifteen {
    width: 700px;
  }
  /* line 140, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .sixteen {
    width: 748px;
  }
  /* line 141, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .one-third {
    width: 236px;
  }
  /* line 142, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .two-thirds {
    width: 492px;
  }
  /* line 143, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .one-half {
    width: 364px;
  }
  /* line 144, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .one-quarter {
    width: 172px;
  }
  /* line 145, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .three-quarters {
    width: 556px;
  }
  /* line 147, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-one {
    padding-left: 48px;
  }
  /* line 148, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-two {
    padding-left: 96px;
  }
  /* line 149, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-three {
    padding-left: 144px;
  }
  /* line 150, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-four {
    padding-left: 192px;
  }
  /* line 151, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-five {
    padding-left: 240px;
  }
  /* line 152, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-six {
    padding-left: 288px;
  }
  /* line 153, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-seven {
    padding-left: 336px;
  }
  /* line 154, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-eight {
    padding-left: 384px;
  }
  /* line 155, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-nine {
    padding-left: 432px;
  }
  /* line 156, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-ten {
    padding-left: 480px;
  }
  /* line 157, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  /* line 158, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  /* line 159, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  /* line 160, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  /* line 161, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
  /* line 163, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-one {
    margin-left: -48px;
  }
  /* line 164, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-two {
    margin-left: -96px;
  }
  /* line 165, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-three {
    margin-left: -144px;
  }
  /* line 166, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-four {
    margin-left: -192px;
  }
  /* line 167, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-five {
    margin-left: -240px;
  }
  /* line 168, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-six {
    margin-left: -288px;
  }
  /* line 169, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-seven {
    margin-left: -336px;
  }
  /* line 170, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-eight {
    margin-left: -384px;
  }
  /* line 171, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-nine {
    margin-left: -432px;
  }
  /* line 172, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-ten {
    margin-left: -480px;
  }
  /* line 173, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-eleven {
    margin-left: -528px;
  }
  /* line 174, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-twelve {
    margin-left: -576px;
  }
  /* line 175, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-thirteen {
    margin-left: -624px;
  }
  /* line 176, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-fourteen {
    margin-left: -672px;
  }
  /* line 177, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .pull-by-fifteen {
    margin-left: -720px;
  }
  /* line 179, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-one {
    margin-left: 48px;
  }
  /* line 180, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-two {
    margin-left: 96px;
  }
  /* line 181, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-three {
    margin-left: 144px;
  }
  /* line 182, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-four {
    margin-left: 192px;
  }
  /* line 183, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-five {
    margin-left: 240px;
  }
  /* line 184, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-six {
    margin-left: 288px;
  }
  /* line 185, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-seven {
    margin-left: 336px;
  }
  /* line 186, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-eight {
    margin-left: 384px;
  }
  /* line 187, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-nine {
    margin-left: 432px;
  }
  /* line 188, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-ten {
    margin-left: 480px;
  }
  /* line 189, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-eleven {
    margin-left: 528px;
  }
  /* line 190, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-twelve {
    margin-left: 576px;
  }
  /* line 191, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-thirteen {
    margin-left: 624px;
  }
  /* line 192, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-fourteen {
    margin-left: 672px;
  }
  /* line 193, ../Ribs and Sass/src/scss/_mixins.scss */
  .container .push-by-fifteen {
    margin-left: 720px;
  }

  /* line 63, ../Ribs and Sass/src/scss/_grid.scss */
  .container {
    width: 768px;
  }
}
/*
  #Mobile Grid
  Every column element in this grid is the total grid width
*/
@media only screen and (max-width: 767px) {
  /* line 74, ../Ribs and Sass/src/scss/_grid.scss */
  .container {
    width: 90%;
  }
  /* line 97, ../Ribs and Sass/src/scss/_grid.scss */
  .container .one, .container .two, .container .three, .container .four, .container .five, .container .six, .container .seven, .container .eight, .container .nine, .container .ten, .container .eleven, .container .twelve, .container .thirteen, .container .fourteen, .container .fifteen, .container .sixteen, .container .one-third, .container .two-thirds, .container .one-half, .container .one-quarter, .container .three-quarters {
    width: 100%;
  }
  /* line 99, ../Ribs and Sass/src/scss/_grid.scss */
  .container .column, .container .columns {
    margin: 0;
  }
  /* line 117, ../Ribs and Sass/src/scss/_grid.scss */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/*
  ##Auto-applied clearfix for .container elements

  ```<div class="container">
    This element has clearfix applied in browsers that support the :after css selector
  </div>```
*/
/* line 130, ../Ribs and Sass/src/scss/_grid.scss */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
 ##General use clearfix class
 ```<div class="clearfix">This haz clearfix</div>```
 Use this clearfix class on parent to clear nested columns, or:
 wrap each row of columns in a ```<div class="row">...</div>```
*/
/* line 147, ../Ribs and Sass/src/scss/_grid.scss */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*
  ##Auto-applied clearfix for .row elements

  ```<div class="row">
    This element has clearfix applied in browsers that support the :after css selector
  </div>```
*/
/* line 163, ../Ribs and Sass/src/scss/_grid.scss */
.row:after,
.clearfix:after {
  clear: both;
}

/* line 167, ../Ribs and Sass/src/scss/_grid.scss */
.row, .clearfix {
  zoom: 1;
}

/*
  ##Block level clear
  You can also use a ```<br class="clear">``` to clear columns
*/
/* line 175, ../Ribs and Sass/src/scss/_grid.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 3, ../Ribs and Sass/src/scss/_typography.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

/* line 7, ../Ribs and Sass/src/scss/_typography.scss */
h1 {
  color: #4c6397;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 54px;
  font-style: italic;
  line-height: 81px;
  margin: 0;
}

/* line 17, ../Ribs and Sass/src/scss/_typography.scss */
h2 {
  color: #181818;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 35px;
  line-height: 52.5px;
  margin: 0 0 10px 0;
}

/* line 26, ../Ribs and Sass/src/scss/_typography.scss */
h3 {
  color: #181818;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 28px;
  line-height: 42px;
  margin: 0 0 8px 0;
}

/* line 35, ../Ribs and Sass/src/scss/_typography.scss */
h4 {
  color: #181818;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 21px;
  line-height: 31.5px;
  margin: 0 0 4px 0;
}

/* line 44, ../Ribs and Sass/src/scss/_typography.scss */
h5 {
  color: #181818;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 25.5px;
}

/* line 52, ../Ribs and Sass/src/scss/_typography.scss */
h6 {
  color: #181818;
  font-family: "Aparajita", "Palatino Linotype", Palatino, serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}

/* line 60, ../Ribs and Sass/src/scss/_typography.scss */
.subheader {
  color: #777777;
}

/* line 64, ../Ribs and Sass/src/scss/_typography.scss */
p {
  margin: 0 0 20px 0;
  font-size: 24px;
  line-height: 30px;
}

/* line 70, ../Ribs and Sass/src/scss/_typography.scss */
p img {
  margin: 0;
}

/* line 74, ../Ribs and Sass/src/scss/_typography.scss */
.lead {
  font-size: 24px;
  line-height: 36px;
  color: #777777;
}

/* line 80, ../Ribs and Sass/src/scss/_typography.scss */
em {
  font-style: italic;
}

/* line 84, ../Ribs and Sass/src/scss/_typography.scss */
strong {
  font-weight: bold;
  color: #333333;
}

/* line 89, ../Ribs and Sass/src/scss/_typography.scss */
small {
  font-size: 80%;
}

/* line 93, ../Ribs and Sass/src/scss/_typography.scss */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777777;
  font-style: italic;
}

/* line 100, ../Ribs and Sass/src/scss/_typography.scss */
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #dddddd;
}

/* line 106, ../Ribs and Sass/src/scss/_typography.scss */
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555555;
}

/* line 112, ../Ribs and Sass/src/scss/_typography.scss */
blockquote cite:before {
  content: "\2014 \0020";
}

/* line 116, ../Ribs and Sass/src/scss/_typography.scss */
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555555;
}

/* Service Mark character &#8480; doesn't always display properly, so they are wrapped in a formatted span */
/* line 121, ../Ribs and Sass/src/scss/_typography.scss */
.service-mark {
  vertical-align: super;
  font-size: 60%;
}

/* line 2, ../Ribs and Sass/src/scss/_links.scss */
a, a:link, a:visited {
  color: #333333;
  text-decoration: underline;
}

/* line 7, ../Ribs and Sass/src/scss/_links.scss */
a:hover, a:focus {
  color: black;
  text-decoration: none;
  outline: 0;
}

/* line 13, ../Ribs and Sass/src/scss/_links.scss */
p a, p a:visited {
  line-height: inherit;
}

/* line 2, ../Ribs and Sass/src/scss/_lists.scss */
ul, ol {
  margin: 0 0 20px 0;
}

/* line 6, ../Ribs and Sass/src/scss/_lists.scss */
ul {
  list-style: none outside;
}

/* line 10, ../Ribs and Sass/src/scss/_lists.scss */
ol {
  list-style: decimal;
}

/* line 14, ../Ribs and Sass/src/scss/_lists.scss */
ol, ul.square, ul.circle, ul.disc {
  margin: 0 0 0 10px;
}

/* line 18, ../Ribs and Sass/src/scss/_lists.scss */
ul.square {
  list-style: square outside;
}

/* line 22, ../Ribs and Sass/src/scss/_lists.scss */
ul.circle {
  list-style: circle outside;
}

/* line 26, ../Ribs and Sass/src/scss/_lists.scss */
ul.disc {
  list-style: disc outside;
}

/* line 31, ../Ribs and Sass/src/scss/_lists.scss */
ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

/* line 36, ../Ribs and Sass/src/scss/_lists.scss */
li {
  line-height: 30px;
  margin: 0 0 12px 0;
}

/* line 41, ../Ribs and Sass/src/scss/_lists.scss */
.large li {
  line-height: 21px;
}

/* line 45, ../Ribs and Sass/src/scss/_lists.scss */
li p {
  line-height: 21px;
}

/* line 7, ../Ribs and Sass/src/scss/_forms.scss */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #cccccc;
  background-color: rgba(153, 153, 153, 0.2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-repeat: repeat-x;
  border: 1px solid #aaaaaa;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin: 0 0 20px 0;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: rgba(0, 100, 153, 0.2);
}

/* line 30, ../Ribs and Sass/src/scss/_forms.scss */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: #cccccc;
  background-color: rgba(153, 153, 153, 0.3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.3)), to(rgba(0, 0, 0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3));
  background-repeat: repeat-x;
  color: #222222;
  border: 1px solid #888888;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
}

/* line 41, ../Ribs and Sass/src/scss/_forms.scss */
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  background-color: #cccccc;
  background-color: rgba(153, 153, 153, 0.2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-repeat: repeat-x;
  border: 1px solid #666666;
}

/* line 51, ../Ribs and Sass/src/scss/_forms.scss */
.button .full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

/* line 60, ../Ribs and Sass/src/scss/_forms.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
  ##General margins (all sides)
  Applied to both form, and fieldset
*/
/* line 71, ../Ribs and Sass/src/scss/_forms.scss */
form {
  margin: 0 0 20px 0;
}

/* line 75, ../Ribs and Sass/src/scss/_forms.scss */
fieldset {
  margin: 0 0 20px 0;
}

/*
  ##Search/URL fields
  Make these behave as text fields
*/
/* line 84, ../Ribs and Sass/src/scss/_forms.scss */
input[type="search"],
input[type="url"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}

/*
  ##General form element styles, border etc.
  Applied to all except checkboxes
*/
/* line 101, ../Ribs and Sass/src/scss/_forms.scss */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="tel"],
textarea,
select {
  border: 1px solid #cccccc;
  padding: 6px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font: 20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777777;
  max-width: 90%;
  display: block;
  margin: 0 0 20px 0;
  background: white;
}

/*
  ##Select boxes
  Padding and width applied from settings
*/
/* line 117, ../Ribs and Sass/src/scss/_forms.scss */
select {
  padding: 10px;
  width: 220px;
}

/*
  ##Form element focus styles
  Applied to all except checkboxes and selects
*/
/* line 133, ../Ribs and Sass/src/scss/_forms.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #aaaaaa;
  color: #444444;
  outline: none;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* line 141, ../Ribs and Sass/src/scss/_forms.scss */
textarea {
  min-height: 60px;
}

/* line 147, ../Ribs and Sass/src/scss/_forms.scss */
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 20px;
}

/* line 154, ../Ribs and Sass/src/scss/_forms.scss */
input[type="checkbox"] {
  display: inline;
}

/*
  ##Spans inside legends, or labels
  Alters font size, weight and colour based on variables
*/
/* line 163, ../Ribs and Sass/src/scss/_forms.scss */
label span,
legend span {
  font-weight: normal;
  font-size: 20px;
  color: #444444;
}

/*
 ## Scale an image in line with the responsive grid
 ```
 <img src="foo.jpg" title="Scaling image of Foo" class="scale-with-grid">
 ```
*/
/* line 8, ../Ribs and Sass/src/scss/_images.scss */
.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* adds a background to an element containing text */
/* line 14, ../Ribs and Sass/src/scss/_images.scss */
.text-background {
  background-image: url("../img/white-tile.png");
  background-repeat: repeat;
}

/*
##Basic table style

<table>
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Nick</td>
      <td>Pack</td>
      <td>@nickpack</td>
    </tr>
  </tbody>
</table>
*/
/* line 29, ../Ribs and Sass/src/scss/_tables.scss */
table {
  max-width: 100%;
  background: white;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 10px 0;
}
/* line 37, ../Ribs and Sass/src/scss/_tables.scss */
table th,
table td {
  padding: 8px;
  line-height: 21px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #cccccc;
}
/* line 44, ../Ribs and Sass/src/scss/_tables.scss */
table th {
  font-weight: bold;
}
/* line 48, ../Ribs and Sass/src/scss/_tables.scss */
table thead th {
  vertical-align: bottom;
}
/* line 57, ../Ribs and Sass/src/scss/_tables.scss */
table caption thead tr:first-child th,
table caption thead tr:first-child td,
table colgroup thead tr:first-child th,
table colgroup thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
/* line 61, ../Ribs and Sass/src/scss/_tables.scss */
table tbody tbody {
  border-top: 2px solid #cccccc;
}
/* line 65, ../Ribs and Sass/src/scss/_tables.scss */
table table {
  background: white;
}

/*
##Condensed table style

<table class="table-condensed">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Nick</td>
      <td>Pack</td>
      <td>@nickpack</td>
    </tr>
  </tbody>
</table>
*/
/* line 94, ../Ribs and Sass/src/scss/_tables.scss */
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

/*
##Bordered table style

<table class="table-bordered">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Nick</td>
      <td>Pack</td>
      <td>@nickpack</td>
    </tr>
  </tbody>
</table>
*/
/* line 121, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered {
  border: 1px solid #cccccc;
  border-collapse: separate;
  border-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* line 127, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #cccccc;
}
/* line 139, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered caption thead tr:first-child th,
.table-bordered caption tbody tr:first-child th,
.table-bordered caption tbody tr:first-child td,
.table-bordered colgroup thead tr:first-child th,
.table-bordered colgroup tbody tr:first-child th,
.table-bordered colgroup tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
/* line 145, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
/* line 151, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
/* line 159, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
/* line 167, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
/* line 171, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered tfoot tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
/* line 174, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered tfoot tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
/* line 181, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered caption thead tr:first-child th:first-child,
.table-bordered caption tbody tr:first-child td:first-child,
.table-bordered colgroup thead tr:first-child th:first-child,
.table-bordered colgroup tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
/* line 187, ../Ribs and Sass/src/scss/_tables.scss */
.table-bordered caption thead tr:first-child th:last-child,
.table-bordered caption tbody tr:first-child td:last-child,
.table-bordered colgroup thead tr:first-child th:last-child,
.table-bordered colgroup tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}

/*
##Striped table style

<table class="table-striped">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Nick</td>
      <td>Pack</td>
      <td>@nickpack</td>
    </tr>
  </tbody>
</table>
*/
/* line 218, ../Ribs and Sass/src/scss/_tables.scss */
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #efefef;
}

/*
##Hover table style

<table class="table-hover">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Nick</td>
      <td>Pack</td>
      <td>@nickpack</td>
    </tr>
  </tbody>
</table>
*/
/* line 249, ../Ribs and Sass/src/scss/_tables.scss */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #999999;
}

/* line 3, ../Ribs and Sass/src/scss/_menus.scss */
.main_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* line 10, ../Ribs and Sass/src/scss/_menus.scss */
.main_menu li {
  float: left;
  text-decoration: none;
  width: 20%;
}

/* line 17, ../Ribs and Sass/src/scss/_menus.scss */
.main_menu a:link,
.main_menu a:visited {
  display: inline-block;
  color: #FFFFFF;
  background-color: #47bdf6;
  text-align: center;
  padding: 2px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  height: 30px;
  width: 100%;
  font-size: 16px;
}

/* line 31, ../Ribs and Sass/src/scss/_menus.scss */
.main_menu a:hover,
.main_menu a:active {
  background-color: #4c6397;
  transition: all 0.5s ease 0s;
}

/* line 41, ../Ribs and Sass/src/scss/_menus.scss */
body#page1 a#nav1,
body#page2 a#nav2,
body#page3 a#nav3,
body#page4 a#nav4,
body#page5 a#nav5 {
  font-weight: bold;
}

/*
#nav2 {
	line-height: 16px;
}
*/
/* for iPhone 5 portrait display */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* line 55, ../Ribs and Sass/src/scss/_menus.scss */
  .main_menu li {
    width: 100%;
  }

  /* line 60, ../Ribs and Sass/src/scss/_menus.scss */
  .main_menu a:link,
  .main_menu a:visited {
    font-size: 100%;
    padding: 0;
  }
}
/* for iPhone 2G-4S portrait display */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* line 73, ../Ribs and Sass/src/scss/_menus.scss */
  .main_menu li {
    width: 100%;
  }

  /* line 78, ../Ribs and Sass/src/scss/_menus.scss */
  .main_menu a:link,
  .main_menu a:visited {
    font-size: 100%;
    padding: 0;
  }
}
/* for other small devices and when screen is narrow, adjust to display the menu items vertically */
@media only screen and (max-width: 960px) {
  /* line 88, ../Ribs and Sass/src/scss/_menus.scss */
  .main_menu li {
    width: 100%;
    margin-bottom: 4px;
  }
}