html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  background-color: #f6f6f6;
  color: #444;
  font-family: "Fira Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
  height: 100%;
  border-top: #96BC33 2px solid; }

a {
  color: #2EACDC;
  text-decoration: none; }
  a:focus, a:hover {
    color: #0F4166;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }

article ul {
  margin: 0; }
  article ul li {
    margin: 0 0 1rem; }
article h3 {
  margin: 1rem 0;
  line-height: 1.5;
  font-size: 1.6rem;
  color: #96BC33; }
article h4 {
  margin: 0;
  line-height: 1.5;
  color: #0F4166; }
article p {
  font-family: "Fira Sans", "Helvetica Neue", sans-serif;
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.5; }
  article p:last-child {
    margin: 0; }

div.wrap {
  min-height: 100%;
  position: relative;
  margin: 0px auto;
  max-width: 960px; }

header {
  margin: 0 0 1em;
  padding: 1em 0; }
  header img.logo {
    display: block;
    margin: 0 auto; }
  header h1 {
    margin: 0.5rem 0 0;
    color: #0F4166;
    text-align: center; }
  header h2 {
    margin: 1.8rem 0 0;
    float: right;
    color: #0F4166; }

nav#main-navigation {
  padding: 1em 0 0;
  font-size: 1.2rem; }
  nav#main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block; }
    nav#main-navigation ul li {
      float: left; }
      nav#main-navigation ul li.active a {
        color: #96BC33; }
      nav#main-navigation ul li:first-child a {
        padding-left: 0; }
      nav#main-navigation ul li:last-child a {
        padding-right: 0; }
      nav#main-navigation ul li a {
        padding: 10px 10px;
        display: block;
        font-weight: 600;
        text-decoration: none;
        text-transform: uppercase; }

footer {
  margin: 4em 0 0;
  padding: 1em 0;
  font-size: 0.8rem;
  background-color: rgba(150, 188, 51, 0.1);
  border-top: #96BC33 2px solid; }

.carousel-container {
  overflow: hidden; }
  .carousel-container .carousel-tile {
    position: relative; }
    .carousel-container .carousel-tile .carousel-caption {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 10px 20px;
      background-color: rgba(46, 172, 220, 0.8); }
      .carousel-container .carousel-tile .carousel-caption h2 {
        display: inline;
        color: #f6f6f6;
        line-height: 1.2; }

.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table; }
.row:after, .clearfix:after {
  clear: both; }

.row {
  display: table;
  width: 100%; }

.column {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem; }
  .column.c1-1, .column.c3-4, .column.c1-2, .column.c2-3, .column.c1-3 {
    width: 100%; }
  .column.c1-4 {
    width: 100%; }
  .column.pull {
    float: right; }
  .column.flush {
    padding-left: 0;
    padding-right: 0; }

@media screen and (min-width: 768px) {
  .column {
    float: left;
    padding-left: 1rem;
    padding-right: 1rem; }
    .column.c1-4 {
      width: 50%; }
    .column:first-child {
      padding-left: 0; }
    .column:last-child {
      padding-right: 0; }
      .column:last-child.secondary {
        padding-right: 1rem; } }
@media screen and (min-width: 1024px) {
  .column.c1-1 {
    width: 100%; }
  .column.c3-4 {
    width: 75%; }
  .column.c1-2, .column .c3-6 {
    width: 50%; }
  .column.c2-3, .column .c4-6 {
    width: 66.667%; }
  .column.c1-3, .column .c2-6 {
    width: 33.333%; }
  .column.c1-4 {
    width: 25%; }
  .column.c1-6 {
    width: 16.667%; }
  .column.c5-6 {
    width: 83.333%; }
  .column.c5-12 {
    width: 41.666%; }
  .column.c7-12 {
    width: 58.333%; } }