/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

dl, dl.form {
  padding-left: 0; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  max-width: 100%; }

html {
  box-sizing: border-box; }

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

body {
  font-family: 'Droid Sans', sans-serif;
  font-family: 'Inconsolata', monospace;
  background: #f4eeee;
  color: #6a6666;
  font-size: 18px; }

a {
  color: #2717d3; }
  a:visited {
    color: #2717d3; }

/* Set a 0 margin to all sides */
.m-0 {
  margin: 0 !important; }

/* Set a 0 margin on the top */
.mt-0 {
  margin-top: 0 !important; }

/* Set a 0 margin on the right */
.mr-0 {
  margin-right: 0 !important; }

/* Set a 0 margin on the bottom */
.mb-0 {
  margin-bottom: 0 !important; }

/* Set a 0 margin on the left */
.ml-0 {
  margin-left: 0 !important; }

/* Set a 0 margin on the left & right */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/* Set a 0 margin on the top & bottom */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/* Set a 4px margin to all sides */
.m-1 {
  margin: 4px !important; }

/* Set a 4px margin on the top */
.mt-1 {
  margin-top: 4px !important; }

/* Set a 4px margin on the right */
.mr-1 {
  margin-right: 4px !important; }

/* Set a 4px margin on the bottom */
.mb-1 {
  margin-bottom: 4px !important; }

/* Set a 4px margin on the left */
.ml-1 {
  margin-left: 4px !important; }

/* Set a 4px margin on the left & right */
.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important; }

/* Set a 4px margin on the top & bottom */
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

/* Set a 6px margin to all sides */
.m-2 {
  margin: 6px !important; }

/* Set a 6px margin on the top */
.mt-2 {
  margin-top: 6px !important; }

/* Set a 6px margin on the right */
.mr-2 {
  margin-right: 6px !important; }

/* Set a 6px margin on the bottom */
.mb-2 {
  margin-bottom: 6px !important; }

/* Set a 6px margin on the left */
.ml-2 {
  margin-left: 6px !important; }

/* Set a 6px margin on the left & right */
.mx-2 {
  margin-right: 6px !important;
  margin-left: 6px !important; }

/* Set a 6px margin on the top & bottom */
.my-2 {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }

/* Set a 12px margin to all sides */
.m-3 {
  margin: 12px !important; }

/* Set a 12px margin on the top */
.mt-3 {
  margin-top: 12px !important; }

/* Set a 12px margin on the right */
.mr-3 {
  margin-right: 12px !important; }

/* Set a 12px margin on the bottom */
.mb-3 {
  margin-bottom: 12px !important; }

/* Set a 12px margin on the left */
.ml-3 {
  margin-left: 12px !important; }

/* Set a 12px margin on the left & right */
.mx-3 {
  margin-right: 12px !important;
  margin-left: 12px !important; }

/* Set a 12px margin on the top & bottom */
.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

/* Set a 24px margin to all sides */
.m-4 {
  margin: 24px !important; }

/* Set a 24px margin on the top */
.mt-4 {
  margin-top: 24px !important; }

/* Set a 24px margin on the right */
.mr-4 {
  margin-right: 24px !important; }

/* Set a 24px margin on the bottom */
.mb-4 {
  margin-bottom: 24px !important; }

/* Set a 24px margin on the left */
.ml-4 {
  margin-left: 24px !important; }

/* Set a 24px margin on the left & right */
.mx-4 {
  margin-right: 24px !important;
  margin-left: 24px !important; }

/* Set a 24px margin on the top & bottom */
.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

/* Set a 36px margin to all sides */
.m-5 {
  margin: 36px !important; }

/* Set a 36px margin on the top */
.mt-5 {
  margin-top: 36px !important; }

/* Set a 36px margin on the right */
.mr-5 {
  margin-right: 36px !important; }

/* Set a 36px margin on the bottom */
.mb-5 {
  margin-bottom: 36px !important; }

/* Set a 36px margin on the left */
.ml-5 {
  margin-left: 36px !important; }

/* Set a 36px margin on the left & right */
.mx-5 {
  margin-right: 36px !important;
  margin-left: 36px !important; }

/* Set a 36px margin on the top & bottom */
.my-5 {
  margin-top: 36px !important;
  margin-bottom: 36px !important; }

/* Set a 48px margin to all sides */
.m-6 {
  margin: 48px !important; }

/* Set a 48px margin on the top */
.mt-6 {
  margin-top: 48px !important; }

/* Set a 48px margin on the right */
.mr-6 {
  margin-right: 48px !important; }

/* Set a 48px margin on the bottom */
.mb-6 {
  margin-bottom: 48px !important; }

/* Set a 48px margin on the left */
.ml-6 {
  margin-left: 48px !important; }

/* Set a 48px margin on the left & right */
.mx-6 {
  margin-right: 48px !important;
  margin-left: 48px !important; }

/* Set a 48px margin on the top & bottom */
.my-6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

@media (min-width: 544px) {
  /* Set a 0 margin to all sides at the breakpoint sm */
  .m-sm-0 {
    margin: 0 !important; }

  /* Set a 0 margin on the top at the breakpoint sm */
  .mt-sm-0 {
    margin-top: 0 !important; }

  /* Set a 0 margin on the right at the breakpoint sm */
  .mr-sm-0 {
    margin-right: 0 !important; }

  /* Set a 0 margin on the bottom at the breakpoint sm */
  .mb-sm-0 {
    margin-bottom: 0 !important; }

  /* Set a 0 margin on the left at the breakpoint sm */
  .ml-sm-0 {
    margin-left: 0 !important; }

  /* Set a 0 margin on the left & right at the breakpoint sm */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  /* Set a 0 margin on the top & bottom at the breakpoint sm */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }
@media (min-width: 544px) {
  /* Set a 4px margin to all sides at the breakpoint sm */
  .m-sm-1 {
    margin: 4px !important; }

  /* Set a 4px margin on the top at the breakpoint sm */
  .mt-sm-1 {
    margin-top: 4px !important; }

  /* Set a 4px margin on the right at the breakpoint sm */
  .mr-sm-1 {
    margin-right: 4px !important; }

  /* Set a 4px margin on the bottom at the breakpoint sm */
  .mb-sm-1 {
    margin-bottom: 4px !important; }

  /* Set a 4px margin on the left at the breakpoint sm */
  .ml-sm-1 {
    margin-left: 4px !important; }

  /* Set a 4px margin on the left & right at the breakpoint sm */
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important; }

  /* Set a 4px margin on the top & bottom at the breakpoint sm */
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 544px) {
  /* Set a 6px margin to all sides at the breakpoint sm */
  .m-sm-2 {
    margin: 6px !important; }

  /* Set a 6px margin on the top at the breakpoint sm */
  .mt-sm-2 {
    margin-top: 6px !important; }

  /* Set a 6px margin on the right at the breakpoint sm */
  .mr-sm-2 {
    margin-right: 6px !important; }

  /* Set a 6px margin on the bottom at the breakpoint sm */
  .mb-sm-2 {
    margin-bottom: 6px !important; }

  /* Set a 6px margin on the left at the breakpoint sm */
  .ml-sm-2 {
    margin-left: 6px !important; }

  /* Set a 6px margin on the left & right at the breakpoint sm */
  .mx-sm-2 {
    margin-right: 6px !important;
    margin-left: 6px !important; }

  /* Set a 6px margin on the top & bottom at the breakpoint sm */
  .my-sm-2 {
    margin-top: 6px !important;
    margin-bottom: 6px !important; } }
@media (min-width: 544px) {
  /* Set a 12px margin to all sides at the breakpoint sm */
  .m-sm-3 {
    margin: 12px !important; }

  /* Set a 12px margin on the top at the breakpoint sm */
  .mt-sm-3 {
    margin-top: 12px !important; }

  /* Set a 12px margin on the right at the breakpoint sm */
  .mr-sm-3 {
    margin-right: 12px !important; }

  /* Set a 12px margin on the bottom at the breakpoint sm */
  .mb-sm-3 {
    margin-bottom: 12px !important; }

  /* Set a 12px margin on the left at the breakpoint sm */
  .ml-sm-3 {
    margin-left: 12px !important; }

  /* Set a 12px margin on the left & right at the breakpoint sm */
  .mx-sm-3 {
    margin-right: 12px !important;
    margin-left: 12px !important; }

  /* Set a 12px margin on the top & bottom at the breakpoint sm */
  .my-sm-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 544px) {
  /* Set a 24px margin to all sides at the breakpoint sm */
  .m-sm-4 {
    margin: 24px !important; }

  /* Set a 24px margin on the top at the breakpoint sm */
  .mt-sm-4 {
    margin-top: 24px !important; }

  /* Set a 24px margin on the right at the breakpoint sm */
  .mr-sm-4 {
    margin-right: 24px !important; }

  /* Set a 24px margin on the bottom at the breakpoint sm */
  .mb-sm-4 {
    margin-bottom: 24px !important; }

  /* Set a 24px margin on the left at the breakpoint sm */
  .ml-sm-4 {
    margin-left: 24px !important; }

  /* Set a 24px margin on the left & right at the breakpoint sm */
  .mx-sm-4 {
    margin-right: 24px !important;
    margin-left: 24px !important; }

  /* Set a 24px margin on the top & bottom at the breakpoint sm */
  .my-sm-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 544px) {
  /* Set a 36px margin to all sides at the breakpoint sm */
  .m-sm-5 {
    margin: 36px !important; }

  /* Set a 36px margin on the top at the breakpoint sm */
  .mt-sm-5 {
    margin-top: 36px !important; }

  /* Set a 36px margin on the right at the breakpoint sm */
  .mr-sm-5 {
    margin-right: 36px !important; }

  /* Set a 36px margin on the bottom at the breakpoint sm */
  .mb-sm-5 {
    margin-bottom: 36px !important; }

  /* Set a 36px margin on the left at the breakpoint sm */
  .ml-sm-5 {
    margin-left: 36px !important; }

  /* Set a 36px margin on the left & right at the breakpoint sm */
  .mx-sm-5 {
    margin-right: 36px !important;
    margin-left: 36px !important; }

  /* Set a 36px margin on the top & bottom at the breakpoint sm */
  .my-sm-5 {
    margin-top: 36px !important;
    margin-bottom: 36px !important; } }
@media (min-width: 544px) {
  /* Set a 48px margin to all sides at the breakpoint sm */
  .m-sm-6 {
    margin: 48px !important; }

  /* Set a 48px margin on the top at the breakpoint sm */
  .mt-sm-6 {
    margin-top: 48px !important; }

  /* Set a 48px margin on the right at the breakpoint sm */
  .mr-sm-6 {
    margin-right: 48px !important; }

  /* Set a 48px margin on the bottom at the breakpoint sm */
  .mb-sm-6 {
    margin-bottom: 48px !important; }

  /* Set a 48px margin on the left at the breakpoint sm */
  .ml-sm-6 {
    margin-left: 48px !important; }

  /* Set a 48px margin on the left & right at the breakpoint sm */
  .mx-sm-6 {
    margin-right: 48px !important;
    margin-left: 48px !important; }

  /* Set a 48px margin on the top & bottom at the breakpoint sm */
  .my-sm-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 768px) {
  /* Set a 0 margin to all sides at the breakpoint md */
  .m-md-0 {
    margin: 0 !important; }

  /* Set a 0 margin on the top at the breakpoint md */
  .mt-md-0 {
    margin-top: 0 !important; }

  /* Set a 0 margin on the right at the breakpoint md */
  .mr-md-0 {
    margin-right: 0 !important; }

  /* Set a 0 margin on the bottom at the breakpoint md */
  .mb-md-0 {
    margin-bottom: 0 !important; }

  /* Set a 0 margin on the left at the breakpoint md */
  .ml-md-0 {
    margin-left: 0 !important; }

  /* Set a 0 margin on the left & right at the breakpoint md */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  /* Set a 0 margin on the top & bottom at the breakpoint md */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }
@media (min-width: 768px) {
  /* Set a 4px margin to all sides at the breakpoint md */
  .m-md-1 {
    margin: 4px !important; }

  /* Set a 4px margin on the top at the breakpoint md */
  .mt-md-1 {
    margin-top: 4px !important; }

  /* Set a 4px margin on the right at the breakpoint md */
  .mr-md-1 {
    margin-right: 4px !important; }

  /* Set a 4px margin on the bottom at the breakpoint md */
  .mb-md-1 {
    margin-bottom: 4px !important; }

  /* Set a 4px margin on the left at the breakpoint md */
  .ml-md-1 {
    margin-left: 4px !important; }

  /* Set a 4px margin on the left & right at the breakpoint md */
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important; }

  /* Set a 4px margin on the top & bottom at the breakpoint md */
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 768px) {
  /* Set a 6px margin to all sides at the breakpoint md */
  .m-md-2 {
    margin: 6px !important; }

  /* Set a 6px margin on the top at the breakpoint md */
  .mt-md-2 {
    margin-top: 6px !important; }

  /* Set a 6px margin on the right at the breakpoint md */
  .mr-md-2 {
    margin-right: 6px !important; }

  /* Set a 6px margin on the bottom at the breakpoint md */
  .mb-md-2 {
    margin-bottom: 6px !important; }

  /* Set a 6px margin on the left at the breakpoint md */
  .ml-md-2 {
    margin-left: 6px !important; }

  /* Set a 6px margin on the left & right at the breakpoint md */
  .mx-md-2 {
    margin-right: 6px !important;
    margin-left: 6px !important; }

  /* Set a 6px margin on the top & bottom at the breakpoint md */
  .my-md-2 {
    margin-top: 6px !important;
    margin-bottom: 6px !important; } }
@media (min-width: 768px) {
  /* Set a 12px margin to all sides at the breakpoint md */
  .m-md-3 {
    margin: 12px !important; }

  /* Set a 12px margin on the top at the breakpoint md */
  .mt-md-3 {
    margin-top: 12px !important; }

  /* Set a 12px margin on the right at the breakpoint md */
  .mr-md-3 {
    margin-right: 12px !important; }

  /* Set a 12px margin on the bottom at the breakpoint md */
  .mb-md-3 {
    margin-bottom: 12px !important; }

  /* Set a 12px margin on the left at the breakpoint md */
  .ml-md-3 {
    margin-left: 12px !important; }

  /* Set a 12px margin on the left & right at the breakpoint md */
  .mx-md-3 {
    margin-right: 12px !important;
    margin-left: 12px !important; }

  /* Set a 12px margin on the top & bottom at the breakpoint md */
  .my-md-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 768px) {
  /* Set a 24px margin to all sides at the breakpoint md */
  .m-md-4 {
    margin: 24px !important; }

  /* Set a 24px margin on the top at the breakpoint md */
  .mt-md-4 {
    margin-top: 24px !important; }

  /* Set a 24px margin on the right at the breakpoint md */
  .mr-md-4 {
    margin-right: 24px !important; }

  /* Set a 24px margin on the bottom at the breakpoint md */
  .mb-md-4 {
    margin-bottom: 24px !important; }

  /* Set a 24px margin on the left at the breakpoint md */
  .ml-md-4 {
    margin-left: 24px !important; }

  /* Set a 24px margin on the left & right at the breakpoint md */
  .mx-md-4 {
    margin-right: 24px !important;
    margin-left: 24px !important; }

  /* Set a 24px margin on the top & bottom at the breakpoint md */
  .my-md-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 768px) {
  /* Set a 36px margin to all sides at the breakpoint md */
  .m-md-5 {
    margin: 36px !important; }

  /* Set a 36px margin on the top at the breakpoint md */
  .mt-md-5 {
    margin-top: 36px !important; }

  /* Set a 36px margin on the right at the breakpoint md */
  .mr-md-5 {
    margin-right: 36px !important; }

  /* Set a 36px margin on the bottom at the breakpoint md */
  .mb-md-5 {
    margin-bottom: 36px !important; }

  /* Set a 36px margin on the left at the breakpoint md */
  .ml-md-5 {
    margin-left: 36px !important; }

  /* Set a 36px margin on the left & right at the breakpoint md */
  .mx-md-5 {
    margin-right: 36px !important;
    margin-left: 36px !important; }

  /* Set a 36px margin on the top & bottom at the breakpoint md */
  .my-md-5 {
    margin-top: 36px !important;
    margin-bottom: 36px !important; } }
@media (min-width: 768px) {
  /* Set a 48px margin to all sides at the breakpoint md */
  .m-md-6 {
    margin: 48px !important; }

  /* Set a 48px margin on the top at the breakpoint md */
  .mt-md-6 {
    margin-top: 48px !important; }

  /* Set a 48px margin on the right at the breakpoint md */
  .mr-md-6 {
    margin-right: 48px !important; }

  /* Set a 48px margin on the bottom at the breakpoint md */
  .mb-md-6 {
    margin-bottom: 48px !important; }

  /* Set a 48px margin on the left at the breakpoint md */
  .ml-md-6 {
    margin-left: 48px !important; }

  /* Set a 48px margin on the left & right at the breakpoint md */
  .mx-md-6 {
    margin-right: 48px !important;
    margin-left: 48px !important; }

  /* Set a 48px margin on the top & bottom at the breakpoint md */
  .my-md-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 1004px) {
  /* Set a 0 margin to all sides at the breakpoint lg */
  .m-lg-0 {
    margin: 0 !important; }

  /* Set a 0 margin on the top at the breakpoint lg */
  .mt-lg-0 {
    margin-top: 0 !important; }

  /* Set a 0 margin on the right at the breakpoint lg */
  .mr-lg-0 {
    margin-right: 0 !important; }

  /* Set a 0 margin on the bottom at the breakpoint lg */
  .mb-lg-0 {
    margin-bottom: 0 !important; }

  /* Set a 0 margin on the left at the breakpoint lg */
  .ml-lg-0 {
    margin-left: 0 !important; }

  /* Set a 0 margin on the left & right at the breakpoint lg */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  /* Set a 0 margin on the top & bottom at the breakpoint lg */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }
@media (min-width: 1004px) {
  /* Set a 4px margin to all sides at the breakpoint lg */
  .m-lg-1 {
    margin: 4px !important; }

  /* Set a 4px margin on the top at the breakpoint lg */
  .mt-lg-1 {
    margin-top: 4px !important; }

  /* Set a 4px margin on the right at the breakpoint lg */
  .mr-lg-1 {
    margin-right: 4px !important; }

  /* Set a 4px margin on the bottom at the breakpoint lg */
  .mb-lg-1 {
    margin-bottom: 4px !important; }

  /* Set a 4px margin on the left at the breakpoint lg */
  .ml-lg-1 {
    margin-left: 4px !important; }

  /* Set a 4px margin on the left & right at the breakpoint lg */
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important; }

  /* Set a 4px margin on the top & bottom at the breakpoint lg */
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 1004px) {
  /* Set a 6px margin to all sides at the breakpoint lg */
  .m-lg-2 {
    margin: 6px !important; }

  /* Set a 6px margin on the top at the breakpoint lg */
  .mt-lg-2 {
    margin-top: 6px !important; }

  /* Set a 6px margin on the right at the breakpoint lg */
  .mr-lg-2 {
    margin-right: 6px !important; }

  /* Set a 6px margin on the bottom at the breakpoint lg */
  .mb-lg-2 {
    margin-bottom: 6px !important; }

  /* Set a 6px margin on the left at the breakpoint lg */
  .ml-lg-2 {
    margin-left: 6px !important; }

  /* Set a 6px margin on the left & right at the breakpoint lg */
  .mx-lg-2 {
    margin-right: 6px !important;
    margin-left: 6px !important; }

  /* Set a 6px margin on the top & bottom at the breakpoint lg */
  .my-lg-2 {
    margin-top: 6px !important;
    margin-bottom: 6px !important; } }
@media (min-width: 1004px) {
  /* Set a 12px margin to all sides at the breakpoint lg */
  .m-lg-3 {
    margin: 12px !important; }

  /* Set a 12px margin on the top at the breakpoint lg */
  .mt-lg-3 {
    margin-top: 12px !important; }

  /* Set a 12px margin on the right at the breakpoint lg */
  .mr-lg-3 {
    margin-right: 12px !important; }

  /* Set a 12px margin on the bottom at the breakpoint lg */
  .mb-lg-3 {
    margin-bottom: 12px !important; }

  /* Set a 12px margin on the left at the breakpoint lg */
  .ml-lg-3 {
    margin-left: 12px !important; }

  /* Set a 12px margin on the left & right at the breakpoint lg */
  .mx-lg-3 {
    margin-right: 12px !important;
    margin-left: 12px !important; }

  /* Set a 12px margin on the top & bottom at the breakpoint lg */
  .my-lg-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 1004px) {
  /* Set a 24px margin to all sides at the breakpoint lg */
  .m-lg-4 {
    margin: 24px !important; }

  /* Set a 24px margin on the top at the breakpoint lg */
  .mt-lg-4 {
    margin-top: 24px !important; }

  /* Set a 24px margin on the right at the breakpoint lg */
  .mr-lg-4 {
    margin-right: 24px !important; }

  /* Set a 24px margin on the bottom at the breakpoint lg */
  .mb-lg-4 {
    margin-bottom: 24px !important; }

  /* Set a 24px margin on the left at the breakpoint lg */
  .ml-lg-4 {
    margin-left: 24px !important; }

  /* Set a 24px margin on the left & right at the breakpoint lg */
  .mx-lg-4 {
    margin-right: 24px !important;
    margin-left: 24px !important; }

  /* Set a 24px margin on the top & bottom at the breakpoint lg */
  .my-lg-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 1004px) {
  /* Set a 36px margin to all sides at the breakpoint lg */
  .m-lg-5 {
    margin: 36px !important; }

  /* Set a 36px margin on the top at the breakpoint lg */
  .mt-lg-5 {
    margin-top: 36px !important; }

  /* Set a 36px margin on the right at the breakpoint lg */
  .mr-lg-5 {
    margin-right: 36px !important; }

  /* Set a 36px margin on the bottom at the breakpoint lg */
  .mb-lg-5 {
    margin-bottom: 36px !important; }

  /* Set a 36px margin on the left at the breakpoint lg */
  .ml-lg-5 {
    margin-left: 36px !important; }

  /* Set a 36px margin on the left & right at the breakpoint lg */
  .mx-lg-5 {
    margin-right: 36px !important;
    margin-left: 36px !important; }

  /* Set a 36px margin on the top & bottom at the breakpoint lg */
  .my-lg-5 {
    margin-top: 36px !important;
    margin-bottom: 36px !important; } }
@media (min-width: 1004px) {
  /* Set a 48px margin to all sides at the breakpoint lg */
  .m-lg-6 {
    margin: 48px !important; }

  /* Set a 48px margin on the top at the breakpoint lg */
  .mt-lg-6 {
    margin-top: 48px !important; }

  /* Set a 48px margin on the right at the breakpoint lg */
  .mr-lg-6 {
    margin-right: 48px !important; }

  /* Set a 48px margin on the bottom at the breakpoint lg */
  .mb-lg-6 {
    margin-bottom: 48px !important; }

  /* Set a 48px margin on the left at the breakpoint lg */
  .ml-lg-6 {
    margin-left: 48px !important; }

  /* Set a 48px margin on the left & right at the breakpoint lg */
  .mx-lg-6 {
    margin-right: 48px !important;
    margin-left: 48px !important; }

  /* Set a 48px margin on the top & bottom at the breakpoint lg */
  .my-lg-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
@media (min-width: 1280px) {
  /* Set a 0 margin to all sides at the breakpoint xl */
  .m-xl-0 {
    margin: 0 !important; }

  /* Set a 0 margin on the top at the breakpoint xl */
  .mt-xl-0 {
    margin-top: 0 !important; }

  /* Set a 0 margin on the right at the breakpoint xl */
  .mr-xl-0 {
    margin-right: 0 !important; }

  /* Set a 0 margin on the bottom at the breakpoint xl */
  .mb-xl-0 {
    margin-bottom: 0 !important; }

  /* Set a 0 margin on the left at the breakpoint xl */
  .ml-xl-0 {
    margin-left: 0 !important; }

  /* Set a 0 margin on the left & right at the breakpoint xl */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  /* Set a 0 margin on the top & bottom at the breakpoint xl */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }
@media (min-width: 1280px) {
  /* Set a 4px margin to all sides at the breakpoint xl */
  .m-xl-1 {
    margin: 4px !important; }

  /* Set a 4px margin on the top at the breakpoint xl */
  .mt-xl-1 {
    margin-top: 4px !important; }

  /* Set a 4px margin on the right at the breakpoint xl */
  .mr-xl-1 {
    margin-right: 4px !important; }

  /* Set a 4px margin on the bottom at the breakpoint xl */
  .mb-xl-1 {
    margin-bottom: 4px !important; }

  /* Set a 4px margin on the left at the breakpoint xl */
  .ml-xl-1 {
    margin-left: 4px !important; }

  /* Set a 4px margin on the left & right at the breakpoint xl */
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important; }

  /* Set a 4px margin on the top & bottom at the breakpoint xl */
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
@media (min-width: 1280px) {
  /* Set a 6px margin to all sides at the breakpoint xl */
  .m-xl-2 {
    margin: 6px !important; }

  /* Set a 6px margin on the top at the breakpoint xl */
  .mt-xl-2 {
    margin-top: 6px !important; }

  /* Set a 6px margin on the right at the breakpoint xl */
  .mr-xl-2 {
    margin-right: 6px !important; }

  /* Set a 6px margin on the bottom at the breakpoint xl */
  .mb-xl-2 {
    margin-bottom: 6px !important; }

  /* Set a 6px margin on the left at the breakpoint xl */
  .ml-xl-2 {
    margin-left: 6px !important; }

  /* Set a 6px margin on the left & right at the breakpoint xl */
  .mx-xl-2 {
    margin-right: 6px !important;
    margin-left: 6px !important; }

  /* Set a 6px margin on the top & bottom at the breakpoint xl */
  .my-xl-2 {
    margin-top: 6px !important;
    margin-bottom: 6px !important; } }
@media (min-width: 1280px) {
  /* Set a 12px margin to all sides at the breakpoint xl */
  .m-xl-3 {
    margin: 12px !important; }

  /* Set a 12px margin on the top at the breakpoint xl */
  .mt-xl-3 {
    margin-top: 12px !important; }

  /* Set a 12px margin on the right at the breakpoint xl */
  .mr-xl-3 {
    margin-right: 12px !important; }

  /* Set a 12px margin on the bottom at the breakpoint xl */
  .mb-xl-3 {
    margin-bottom: 12px !important; }

  /* Set a 12px margin on the left at the breakpoint xl */
  .ml-xl-3 {
    margin-left: 12px !important; }

  /* Set a 12px margin on the left & right at the breakpoint xl */
  .mx-xl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important; }

  /* Set a 12px margin on the top & bottom at the breakpoint xl */
  .my-xl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
@media (min-width: 1280px) {
  /* Set a 24px margin to all sides at the breakpoint xl */
  .m-xl-4 {
    margin: 24px !important; }

  /* Set a 24px margin on the top at the breakpoint xl */
  .mt-xl-4 {
    margin-top: 24px !important; }

  /* Set a 24px margin on the right at the breakpoint xl */
  .mr-xl-4 {
    margin-right: 24px !important; }

  /* Set a 24px margin on the bottom at the breakpoint xl */
  .mb-xl-4 {
    margin-bottom: 24px !important; }

  /* Set a 24px margin on the left at the breakpoint xl */
  .ml-xl-4 {
    margin-left: 24px !important; }

  /* Set a 24px margin on the left & right at the breakpoint xl */
  .mx-xl-4 {
    margin-right: 24px !important;
    margin-left: 24px !important; }

  /* Set a 24px margin on the top & bottom at the breakpoint xl */
  .my-xl-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
@media (min-width: 1280px) {
  /* Set a 36px margin to all sides at the breakpoint xl */
  .m-xl-5 {
    margin: 36px !important; }

  /* Set a 36px margin on the top at the breakpoint xl */
  .mt-xl-5 {
    margin-top: 36px !important; }

  /* Set a 36px margin on the right at the breakpoint xl */
  .mr-xl-5 {
    margin-right: 36px !important; }

  /* Set a 36px margin on the bottom at the breakpoint xl */
  .mb-xl-5 {
    margin-bottom: 36px !important; }

  /* Set a 36px margin on the left at the breakpoint xl */
  .ml-xl-5 {
    margin-left: 36px !important; }

  /* Set a 36px margin on the left & right at the breakpoint xl */
  .mx-xl-5 {
    margin-right: 36px !important;
    margin-left: 36px !important; }

  /* Set a 36px margin on the top & bottom at the breakpoint xl */
  .my-xl-5 {
    margin-top: 36px !important;
    margin-bottom: 36px !important; } }
@media (min-width: 1280px) {
  /* Set a 48px margin to all sides at the breakpoint xl */
  .m-xl-6 {
    margin: 48px !important; }

  /* Set a 48px margin on the top at the breakpoint xl */
  .mt-xl-6 {
    margin-top: 48px !important; }

  /* Set a 48px margin on the right at the breakpoint xl */
  .mr-xl-6 {
    margin-right: 48px !important; }

  /* Set a 48px margin on the bottom at the breakpoint xl */
  .mb-xl-6 {
    margin-bottom: 48px !important; }

  /* Set a 48px margin on the left at the breakpoint xl */
  .ml-xl-6 {
    margin-left: 48px !important; }

  /* Set a 48px margin on the left & right at the breakpoint xl */
  .mx-xl-6 {
    margin-right: 48px !important;
    margin-left: 48px !important; }

  /* Set a 48px margin on the top & bottom at the breakpoint xl */
  .my-xl-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important; } }
/* Set an auto margin on left & right */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

/* Set a 0 padding to all sides */
.p-0 {
  padding: 0 !important; }

/* Set a 0 padding to the top */
.pt-0 {
  padding-top: 0 !important; }

/* Set a 0 padding to the right */
.pr-0 {
  padding-right: 0 !important; }

/* Set a 0 padding to the bottom */
.pb-0 {
  padding-bottom: 0 !important; }

/* Set a 0 padding to the left */
.pl-0 {
  padding-left: 0 !important; }

/* Set a 0 padding to the left & right */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/* Set a 0 padding to the top & bottom */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/* Set a 4px padding to all sides */
.p-1 {
  padding: 4px !important; }

/* Set a 4px padding to the top */
.pt-1 {
  padding-top: 4px !important; }

/* Set a 4px padding to the right */
.pr-1 {
  padding-right: 4px !important; }

/* Set a 4px padding to the bottom */
.pb-1 {
  padding-bottom: 4px !important; }

/* Set a 4px padding to the left */
.pl-1 {
  padding-left: 4px !important; }

/* Set a 4px padding to the left & right */
.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important; }

/* Set a 4px padding to the top & bottom */
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

/* Set a 6px padding to all sides */
.p-2 {
  padding: 6px !important; }

/* Set a 6px padding to the top */
.pt-2 {
  padding-top: 6px !important; }

/* Set a 6px padding to the right */
.pr-2 {
  padding-right: 6px !important; }

/* Set a 6px padding to the bottom */
.pb-2 {
  padding-bottom: 6px !important; }

/* Set a 6px padding to the left */
.pl-2 {
  padding-left: 6px !important; }

/* Set a 6px padding to the left & right */
.px-2 {
  padding-right: 6px !important;
  padding-left: 6px !important; }

/* Set a 6px padding to the top & bottom */
.py-2 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

/* Set a 12px padding to all sides */
.p-3 {
  padding: 12px !important; }

/* Set a 12px padding to the top */
.pt-3 {
  padding-top: 12px !important; }

/* Set a 12px padding to the right */
.pr-3 {
  padding-right: 12px !important; }

/* Set a 12px padding to the bottom */
.pb-3 {
  padding-bottom: 12px !important; }

/* Set a 12px padding to the left */
.pl-3 {
  padding-left: 12px !important; }

/* Set a 12px padding to the left & right */
.px-3 {
  padding-right: 12px !important;
  padding-left: 12px !important; }

/* Set a 12px padding to the top & bottom */
.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

/* Set a 24px padding to all sides */
.p-4 {
  padding: 24px !important; }

/* Set a 24px padding to the top */
.pt-4 {
  padding-top: 24px !important; }

/* Set a 24px padding to the right */
.pr-4 {
  padding-right: 24px !important; }

/* Set a 24px padding to the bottom */
.pb-4 {
  padding-bottom: 24px !important; }

/* Set a 24px padding to the left */
.pl-4 {
  padding-left: 24px !important; }

/* Set a 24px padding to the left & right */
.px-4 {
  padding-right: 24px !important;
  padding-left: 24px !important; }

/* Set a 24px padding to the top & bottom */
.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

/* Set a 36px padding to all sides */
.p-5 {
  padding: 36px !important; }

/* Set a 36px padding to the top */
.pt-5 {
  padding-top: 36px !important; }

/* Set a 36px padding to the right */
.pr-5 {
  padding-right: 36px !important; }

/* Set a 36px padding to the bottom */
.pb-5 {
  padding-bottom: 36px !important; }

/* Set a 36px padding to the left */
.pl-5 {
  padding-left: 36px !important; }

/* Set a 36px padding to the left & right */
.px-5 {
  padding-right: 36px !important;
  padding-left: 36px !important; }

/* Set a 36px padding to the top & bottom */
.py-5 {
  padding-top: 36px !important;
  padding-bottom: 36px !important; }

/* Set a 48px padding to all sides */
.p-6 {
  padding: 48px !important; }

/* Set a 48px padding to the top */
.pt-6 {
  padding-top: 48px !important; }

/* Set a 48px padding to the right */
.pr-6 {
  padding-right: 48px !important; }

/* Set a 48px padding to the bottom */
.pb-6 {
  padding-bottom: 48px !important; }

/* Set a 48px padding to the left */
.pl-6 {
  padding-left: 48px !important; }

/* Set a 48px padding to the left & right */
.px-6 {
  padding-right: 48px !important;
  padding-left: 48px !important; }

/* Set a 48px padding to the top & bottom */
.py-6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

@media (min-width: 544px) {
  /* Set a 0 padding to all sides at the sm breakpoint */
  .p-sm-0 {
    padding: 0 !important; }

  /* Set a 0 padding to the top at the sm breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important; }

  /* Set a 0 padding to the right at the sm breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important; }

  /* Set a 0 padding to the bottom at the sm breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important; }

  /* Set a 0 padding to the left at the sm breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important; }

  /* Set a 0 padding to the left & right at the sm breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  /* Set a 0 padding to the top & bottom at the sm breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }
@media (min-width: 544px) {
  /* Set a 4px padding to all sides at the sm breakpoint */
  .p-sm-1 {
    padding: 4px !important; }

  /* Set a 4px padding to the top at the sm breakpoint */
  .pt-sm-1 {
    padding-top: 4px !important; }

  /* Set a 4px padding to the right at the sm breakpoint */
  .pr-sm-1 {
    padding-right: 4px !important; }

  /* Set a 4px padding to the bottom at the sm breakpoint */
  .pb-sm-1 {
    padding-bottom: 4px !important; }

  /* Set a 4px padding to the left at the sm breakpoint */
  .pl-sm-1 {
    padding-left: 4px !important; }

  /* Set a 4px padding to the left & right at the sm breakpoint */
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important; }

  /* Set a 4px padding to the top & bottom at the sm breakpoint */
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 544px) {
  /* Set a 6px padding to all sides at the sm breakpoint */
  .p-sm-2 {
    padding: 6px !important; }

  /* Set a 6px padding to the top at the sm breakpoint */
  .pt-sm-2 {
    padding-top: 6px !important; }

  /* Set a 6px padding to the right at the sm breakpoint */
  .pr-sm-2 {
    padding-right: 6px !important; }

  /* Set a 6px padding to the bottom at the sm breakpoint */
  .pb-sm-2 {
    padding-bottom: 6px !important; }

  /* Set a 6px padding to the left at the sm breakpoint */
  .pl-sm-2 {
    padding-left: 6px !important; }

  /* Set a 6px padding to the left & right at the sm breakpoint */
  .px-sm-2 {
    padding-right: 6px !important;
    padding-left: 6px !important; }

  /* Set a 6px padding to the top & bottom at the sm breakpoint */
  .py-sm-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
@media (min-width: 544px) {
  /* Set a 12px padding to all sides at the sm breakpoint */
  .p-sm-3 {
    padding: 12px !important; }

  /* Set a 12px padding to the top at the sm breakpoint */
  .pt-sm-3 {
    padding-top: 12px !important; }

  /* Set a 12px padding to the right at the sm breakpoint */
  .pr-sm-3 {
    padding-right: 12px !important; }

  /* Set a 12px padding to the bottom at the sm breakpoint */
  .pb-sm-3 {
    padding-bottom: 12px !important; }

  /* Set a 12px padding to the left at the sm breakpoint */
  .pl-sm-3 {
    padding-left: 12px !important; }

  /* Set a 12px padding to the left & right at the sm breakpoint */
  .px-sm-3 {
    padding-right: 12px !important;
    padding-left: 12px !important; }

  /* Set a 12px padding to the top & bottom at the sm breakpoint */
  .py-sm-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 544px) {
  /* Set a 24px padding to all sides at the sm breakpoint */
  .p-sm-4 {
    padding: 24px !important; }

  /* Set a 24px padding to the top at the sm breakpoint */
  .pt-sm-4 {
    padding-top: 24px !important; }

  /* Set a 24px padding to the right at the sm breakpoint */
  .pr-sm-4 {
    padding-right: 24px !important; }

  /* Set a 24px padding to the bottom at the sm breakpoint */
  .pb-sm-4 {
    padding-bottom: 24px !important; }

  /* Set a 24px padding to the left at the sm breakpoint */
  .pl-sm-4 {
    padding-left: 24px !important; }

  /* Set a 24px padding to the left & right at the sm breakpoint */
  .px-sm-4 {
    padding-right: 24px !important;
    padding-left: 24px !important; }

  /* Set a 24px padding to the top & bottom at the sm breakpoint */
  .py-sm-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 544px) {
  /* Set a 36px padding to all sides at the sm breakpoint */
  .p-sm-5 {
    padding: 36px !important; }

  /* Set a 36px padding to the top at the sm breakpoint */
  .pt-sm-5 {
    padding-top: 36px !important; }

  /* Set a 36px padding to the right at the sm breakpoint */
  .pr-sm-5 {
    padding-right: 36px !important; }

  /* Set a 36px padding to the bottom at the sm breakpoint */
  .pb-sm-5 {
    padding-bottom: 36px !important; }

  /* Set a 36px padding to the left at the sm breakpoint */
  .pl-sm-5 {
    padding-left: 36px !important; }

  /* Set a 36px padding to the left & right at the sm breakpoint */
  .px-sm-5 {
    padding-right: 36px !important;
    padding-left: 36px !important; }

  /* Set a 36px padding to the top & bottom at the sm breakpoint */
  .py-sm-5 {
    padding-top: 36px !important;
    padding-bottom: 36px !important; } }
@media (min-width: 544px) {
  /* Set a 48px padding to all sides at the sm breakpoint */
  .p-sm-6 {
    padding: 48px !important; }

  /* Set a 48px padding to the top at the sm breakpoint */
  .pt-sm-6 {
    padding-top: 48px !important; }

  /* Set a 48px padding to the right at the sm breakpoint */
  .pr-sm-6 {
    padding-right: 48px !important; }

  /* Set a 48px padding to the bottom at the sm breakpoint */
  .pb-sm-6 {
    padding-bottom: 48px !important; }

  /* Set a 48px padding to the left at the sm breakpoint */
  .pl-sm-6 {
    padding-left: 48px !important; }

  /* Set a 48px padding to the left & right at the sm breakpoint */
  .px-sm-6 {
    padding-right: 48px !important;
    padding-left: 48px !important; }

  /* Set a 48px padding to the top & bottom at the sm breakpoint */
  .py-sm-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 768px) {
  /* Set a 0 padding to all sides at the md breakpoint */
  .p-md-0 {
    padding: 0 !important; }

  /* Set a 0 padding to the top at the md breakpoint */
  .pt-md-0 {
    padding-top: 0 !important; }

  /* Set a 0 padding to the right at the md breakpoint */
  .pr-md-0 {
    padding-right: 0 !important; }

  /* Set a 0 padding to the bottom at the md breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important; }

  /* Set a 0 padding to the left at the md breakpoint */
  .pl-md-0 {
    padding-left: 0 !important; }

  /* Set a 0 padding to the left & right at the md breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  /* Set a 0 padding to the top & bottom at the md breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }
@media (min-width: 768px) {
  /* Set a 4px padding to all sides at the md breakpoint */
  .p-md-1 {
    padding: 4px !important; }

  /* Set a 4px padding to the top at the md breakpoint */
  .pt-md-1 {
    padding-top: 4px !important; }

  /* Set a 4px padding to the right at the md breakpoint */
  .pr-md-1 {
    padding-right: 4px !important; }

  /* Set a 4px padding to the bottom at the md breakpoint */
  .pb-md-1 {
    padding-bottom: 4px !important; }

  /* Set a 4px padding to the left at the md breakpoint */
  .pl-md-1 {
    padding-left: 4px !important; }

  /* Set a 4px padding to the left & right at the md breakpoint */
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important; }

  /* Set a 4px padding to the top & bottom at the md breakpoint */
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 768px) {
  /* Set a 6px padding to all sides at the md breakpoint */
  .p-md-2 {
    padding: 6px !important; }

  /* Set a 6px padding to the top at the md breakpoint */
  .pt-md-2 {
    padding-top: 6px !important; }

  /* Set a 6px padding to the right at the md breakpoint */
  .pr-md-2 {
    padding-right: 6px !important; }

  /* Set a 6px padding to the bottom at the md breakpoint */
  .pb-md-2 {
    padding-bottom: 6px !important; }

  /* Set a 6px padding to the left at the md breakpoint */
  .pl-md-2 {
    padding-left: 6px !important; }

  /* Set a 6px padding to the left & right at the md breakpoint */
  .px-md-2 {
    padding-right: 6px !important;
    padding-left: 6px !important; }

  /* Set a 6px padding to the top & bottom at the md breakpoint */
  .py-md-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
@media (min-width: 768px) {
  /* Set a 12px padding to all sides at the md breakpoint */
  .p-md-3 {
    padding: 12px !important; }

  /* Set a 12px padding to the top at the md breakpoint */
  .pt-md-3 {
    padding-top: 12px !important; }

  /* Set a 12px padding to the right at the md breakpoint */
  .pr-md-3 {
    padding-right: 12px !important; }

  /* Set a 12px padding to the bottom at the md breakpoint */
  .pb-md-3 {
    padding-bottom: 12px !important; }

  /* Set a 12px padding to the left at the md breakpoint */
  .pl-md-3 {
    padding-left: 12px !important; }

  /* Set a 12px padding to the left & right at the md breakpoint */
  .px-md-3 {
    padding-right: 12px !important;
    padding-left: 12px !important; }

  /* Set a 12px padding to the top & bottom at the md breakpoint */
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 768px) {
  /* Set a 24px padding to all sides at the md breakpoint */
  .p-md-4 {
    padding: 24px !important; }

  /* Set a 24px padding to the top at the md breakpoint */
  .pt-md-4 {
    padding-top: 24px !important; }

  /* Set a 24px padding to the right at the md breakpoint */
  .pr-md-4 {
    padding-right: 24px !important; }

  /* Set a 24px padding to the bottom at the md breakpoint */
  .pb-md-4 {
    padding-bottom: 24px !important; }

  /* Set a 24px padding to the left at the md breakpoint */
  .pl-md-4 {
    padding-left: 24px !important; }

  /* Set a 24px padding to the left & right at the md breakpoint */
  .px-md-4 {
    padding-right: 24px !important;
    padding-left: 24px !important; }

  /* Set a 24px padding to the top & bottom at the md breakpoint */
  .py-md-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 768px) {
  /* Set a 36px padding to all sides at the md breakpoint */
  .p-md-5 {
    padding: 36px !important; }

  /* Set a 36px padding to the top at the md breakpoint */
  .pt-md-5 {
    padding-top: 36px !important; }

  /* Set a 36px padding to the right at the md breakpoint */
  .pr-md-5 {
    padding-right: 36px !important; }

  /* Set a 36px padding to the bottom at the md breakpoint */
  .pb-md-5 {
    padding-bottom: 36px !important; }

  /* Set a 36px padding to the left at the md breakpoint */
  .pl-md-5 {
    padding-left: 36px !important; }

  /* Set a 36px padding to the left & right at the md breakpoint */
  .px-md-5 {
    padding-right: 36px !important;
    padding-left: 36px !important; }

  /* Set a 36px padding to the top & bottom at the md breakpoint */
  .py-md-5 {
    padding-top: 36px !important;
    padding-bottom: 36px !important; } }
@media (min-width: 768px) {
  /* Set a 48px padding to all sides at the md breakpoint */
  .p-md-6 {
    padding: 48px !important; }

  /* Set a 48px padding to the top at the md breakpoint */
  .pt-md-6 {
    padding-top: 48px !important; }

  /* Set a 48px padding to the right at the md breakpoint */
  .pr-md-6 {
    padding-right: 48px !important; }

  /* Set a 48px padding to the bottom at the md breakpoint */
  .pb-md-6 {
    padding-bottom: 48px !important; }

  /* Set a 48px padding to the left at the md breakpoint */
  .pl-md-6 {
    padding-left: 48px !important; }

  /* Set a 48px padding to the left & right at the md breakpoint */
  .px-md-6 {
    padding-right: 48px !important;
    padding-left: 48px !important; }

  /* Set a 48px padding to the top & bottom at the md breakpoint */
  .py-md-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 1004px) {
  /* Set a 0 padding to all sides at the lg breakpoint */
  .p-lg-0 {
    padding: 0 !important; }

  /* Set a 0 padding to the top at the lg breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important; }

  /* Set a 0 padding to the right at the lg breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important; }

  /* Set a 0 padding to the bottom at the lg breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important; }

  /* Set a 0 padding to the left at the lg breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important; }

  /* Set a 0 padding to the left & right at the lg breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  /* Set a 0 padding to the top & bottom at the lg breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }
@media (min-width: 1004px) {
  /* Set a 4px padding to all sides at the lg breakpoint */
  .p-lg-1 {
    padding: 4px !important; }

  /* Set a 4px padding to the top at the lg breakpoint */
  .pt-lg-1 {
    padding-top: 4px !important; }

  /* Set a 4px padding to the right at the lg breakpoint */
  .pr-lg-1 {
    padding-right: 4px !important; }

  /* Set a 4px padding to the bottom at the lg breakpoint */
  .pb-lg-1 {
    padding-bottom: 4px !important; }

  /* Set a 4px padding to the left at the lg breakpoint */
  .pl-lg-1 {
    padding-left: 4px !important; }

  /* Set a 4px padding to the left & right at the lg breakpoint */
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important; }

  /* Set a 4px padding to the top & bottom at the lg breakpoint */
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 1004px) {
  /* Set a 6px padding to all sides at the lg breakpoint */
  .p-lg-2 {
    padding: 6px !important; }

  /* Set a 6px padding to the top at the lg breakpoint */
  .pt-lg-2 {
    padding-top: 6px !important; }

  /* Set a 6px padding to the right at the lg breakpoint */
  .pr-lg-2 {
    padding-right: 6px !important; }

  /* Set a 6px padding to the bottom at the lg breakpoint */
  .pb-lg-2 {
    padding-bottom: 6px !important; }

  /* Set a 6px padding to the left at the lg breakpoint */
  .pl-lg-2 {
    padding-left: 6px !important; }

  /* Set a 6px padding to the left & right at the lg breakpoint */
  .px-lg-2 {
    padding-right: 6px !important;
    padding-left: 6px !important; }

  /* Set a 6px padding to the top & bottom at the lg breakpoint */
  .py-lg-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
@media (min-width: 1004px) {
  /* Set a 12px padding to all sides at the lg breakpoint */
  .p-lg-3 {
    padding: 12px !important; }

  /* Set a 12px padding to the top at the lg breakpoint */
  .pt-lg-3 {
    padding-top: 12px !important; }

  /* Set a 12px padding to the right at the lg breakpoint */
  .pr-lg-3 {
    padding-right: 12px !important; }

  /* Set a 12px padding to the bottom at the lg breakpoint */
  .pb-lg-3 {
    padding-bottom: 12px !important; }

  /* Set a 12px padding to the left at the lg breakpoint */
  .pl-lg-3 {
    padding-left: 12px !important; }

  /* Set a 12px padding to the left & right at the lg breakpoint */
  .px-lg-3 {
    padding-right: 12px !important;
    padding-left: 12px !important; }

  /* Set a 12px padding to the top & bottom at the lg breakpoint */
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 1004px) {
  /* Set a 24px padding to all sides at the lg breakpoint */
  .p-lg-4 {
    padding: 24px !important; }

  /* Set a 24px padding to the top at the lg breakpoint */
  .pt-lg-4 {
    padding-top: 24px !important; }

  /* Set a 24px padding to the right at the lg breakpoint */
  .pr-lg-4 {
    padding-right: 24px !important; }

  /* Set a 24px padding to the bottom at the lg breakpoint */
  .pb-lg-4 {
    padding-bottom: 24px !important; }

  /* Set a 24px padding to the left at the lg breakpoint */
  .pl-lg-4 {
    padding-left: 24px !important; }

  /* Set a 24px padding to the left & right at the lg breakpoint */
  .px-lg-4 {
    padding-right: 24px !important;
    padding-left: 24px !important; }

  /* Set a 24px padding to the top & bottom at the lg breakpoint */
  .py-lg-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 1004px) {
  /* Set a 36px padding to all sides at the lg breakpoint */
  .p-lg-5 {
    padding: 36px !important; }

  /* Set a 36px padding to the top at the lg breakpoint */
  .pt-lg-5 {
    padding-top: 36px !important; }

  /* Set a 36px padding to the right at the lg breakpoint */
  .pr-lg-5 {
    padding-right: 36px !important; }

  /* Set a 36px padding to the bottom at the lg breakpoint */
  .pb-lg-5 {
    padding-bottom: 36px !important; }

  /* Set a 36px padding to the left at the lg breakpoint */
  .pl-lg-5 {
    padding-left: 36px !important; }

  /* Set a 36px padding to the left & right at the lg breakpoint */
  .px-lg-5 {
    padding-right: 36px !important;
    padding-left: 36px !important; }

  /* Set a 36px padding to the top & bottom at the lg breakpoint */
  .py-lg-5 {
    padding-top: 36px !important;
    padding-bottom: 36px !important; } }
@media (min-width: 1004px) {
  /* Set a 48px padding to all sides at the lg breakpoint */
  .p-lg-6 {
    padding: 48px !important; }

  /* Set a 48px padding to the top at the lg breakpoint */
  .pt-lg-6 {
    padding-top: 48px !important; }

  /* Set a 48px padding to the right at the lg breakpoint */
  .pr-lg-6 {
    padding-right: 48px !important; }

  /* Set a 48px padding to the bottom at the lg breakpoint */
  .pb-lg-6 {
    padding-bottom: 48px !important; }

  /* Set a 48px padding to the left at the lg breakpoint */
  .pl-lg-6 {
    padding-left: 48px !important; }

  /* Set a 48px padding to the left & right at the lg breakpoint */
  .px-lg-6 {
    padding-right: 48px !important;
    padding-left: 48px !important; }

  /* Set a 48px padding to the top & bottom at the lg breakpoint */
  .py-lg-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
@media (min-width: 1280px) {
  /* Set a 0 padding to all sides at the xl breakpoint */
  .p-xl-0 {
    padding: 0 !important; }

  /* Set a 0 padding to the top at the xl breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important; }

  /* Set a 0 padding to the right at the xl breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important; }

  /* Set a 0 padding to the bottom at the xl breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important; }

  /* Set a 0 padding to the left at the xl breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important; }

  /* Set a 0 padding to the left & right at the xl breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  /* Set a 0 padding to the top & bottom at the xl breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }
@media (min-width: 1280px) {
  /* Set a 4px padding to all sides at the xl breakpoint */
  .p-xl-1 {
    padding: 4px !important; }

  /* Set a 4px padding to the top at the xl breakpoint */
  .pt-xl-1 {
    padding-top: 4px !important; }

  /* Set a 4px padding to the right at the xl breakpoint */
  .pr-xl-1 {
    padding-right: 4px !important; }

  /* Set a 4px padding to the bottom at the xl breakpoint */
  .pb-xl-1 {
    padding-bottom: 4px !important; }

  /* Set a 4px padding to the left at the xl breakpoint */
  .pl-xl-1 {
    padding-left: 4px !important; }

  /* Set a 4px padding to the left & right at the xl breakpoint */
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important; }

  /* Set a 4px padding to the top & bottom at the xl breakpoint */
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
@media (min-width: 1280px) {
  /* Set a 6px padding to all sides at the xl breakpoint */
  .p-xl-2 {
    padding: 6px !important; }

  /* Set a 6px padding to the top at the xl breakpoint */
  .pt-xl-2 {
    padding-top: 6px !important; }

  /* Set a 6px padding to the right at the xl breakpoint */
  .pr-xl-2 {
    padding-right: 6px !important; }

  /* Set a 6px padding to the bottom at the xl breakpoint */
  .pb-xl-2 {
    padding-bottom: 6px !important; }

  /* Set a 6px padding to the left at the xl breakpoint */
  .pl-xl-2 {
    padding-left: 6px !important; }

  /* Set a 6px padding to the left & right at the xl breakpoint */
  .px-xl-2 {
    padding-right: 6px !important;
    padding-left: 6px !important; }

  /* Set a 6px padding to the top & bottom at the xl breakpoint */
  .py-xl-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
@media (min-width: 1280px) {
  /* Set a 12px padding to all sides at the xl breakpoint */
  .p-xl-3 {
    padding: 12px !important; }

  /* Set a 12px padding to the top at the xl breakpoint */
  .pt-xl-3 {
    padding-top: 12px !important; }

  /* Set a 12px padding to the right at the xl breakpoint */
  .pr-xl-3 {
    padding-right: 12px !important; }

  /* Set a 12px padding to the bottom at the xl breakpoint */
  .pb-xl-3 {
    padding-bottom: 12px !important; }

  /* Set a 12px padding to the left at the xl breakpoint */
  .pl-xl-3 {
    padding-left: 12px !important; }

  /* Set a 12px padding to the left & right at the xl breakpoint */
  .px-xl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important; }

  /* Set a 12px padding to the top & bottom at the xl breakpoint */
  .py-xl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
@media (min-width: 1280px) {
  /* Set a 24px padding to all sides at the xl breakpoint */
  .p-xl-4 {
    padding: 24px !important; }

  /* Set a 24px padding to the top at the xl breakpoint */
  .pt-xl-4 {
    padding-top: 24px !important; }

  /* Set a 24px padding to the right at the xl breakpoint */
  .pr-xl-4 {
    padding-right: 24px !important; }

  /* Set a 24px padding to the bottom at the xl breakpoint */
  .pb-xl-4 {
    padding-bottom: 24px !important; }

  /* Set a 24px padding to the left at the xl breakpoint */
  .pl-xl-4 {
    padding-left: 24px !important; }

  /* Set a 24px padding to the left & right at the xl breakpoint */
  .px-xl-4 {
    padding-right: 24px !important;
    padding-left: 24px !important; }

  /* Set a 24px padding to the top & bottom at the xl breakpoint */
  .py-xl-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
@media (min-width: 1280px) {
  /* Set a 36px padding to all sides at the xl breakpoint */
  .p-xl-5 {
    padding: 36px !important; }

  /* Set a 36px padding to the top at the xl breakpoint */
  .pt-xl-5 {
    padding-top: 36px !important; }

  /* Set a 36px padding to the right at the xl breakpoint */
  .pr-xl-5 {
    padding-right: 36px !important; }

  /* Set a 36px padding to the bottom at the xl breakpoint */
  .pb-xl-5 {
    padding-bottom: 36px !important; }

  /* Set a 36px padding to the left at the xl breakpoint */
  .pl-xl-5 {
    padding-left: 36px !important; }

  /* Set a 36px padding to the left & right at the xl breakpoint */
  .px-xl-5 {
    padding-right: 36px !important;
    padding-left: 36px !important; }

  /* Set a 36px padding to the top & bottom at the xl breakpoint */
  .py-xl-5 {
    padding-top: 36px !important;
    padding-bottom: 36px !important; } }
@media (min-width: 1280px) {
  /* Set a 48px padding to all sides at the xl breakpoint */
  .p-xl-6 {
    padding: 48px !important; }

  /* Set a 48px padding to the top at the xl breakpoint */
  .pt-xl-6 {
    padding-top: 48px !important; }

  /* Set a 48px padding to the right at the xl breakpoint */
  .pr-xl-6 {
    padding-right: 48px !important; }

  /* Set a 48px padding to the bottom at the xl breakpoint */
  .pb-xl-6 {
    padding-bottom: 48px !important; }

  /* Set a 48px padding to the left at the xl breakpoint */
  .pl-xl-6 {
    padding-left: 48px !important; }

  /* Set a 48px padding to the left & right at the xl breakpoint */
  .px-xl-6 {
    padding-right: 48px !important;
    padding-left: 48px !important; }

  /* Set a 48px padding to the top & bottom at the xl breakpoint */
  .py-xl-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important; } }
/* Float to the right */
.float-right {
  float: right !important; }

/* Float to the left */
.float-left {
  float: left !important; }

/* Don't float left or right */
.float-none {
  float: none !important; }

@media (min-width: 544px) {
  /* Float to the left at the sm breakpoint */
  .float-sm-left {
    float: left !important; }

  /* Float to the right at the sm breakpoint */
  .float-sm-right {
    float: right !important; }

  /* No float at the sm breakpoint */
  .float-sm-none {
    float: none !important; } }
@media (min-width: 768px) {
  /* Float to the left at the md breakpoint */
  .float-md-left {
    float: left !important; }

  /* Float to the right at the md breakpoint */
  .float-md-right {
    float: right !important; }

  /* No float at the md breakpoint */
  .float-md-none {
    float: none !important; } }
@media (min-width: 1004px) {
  /* Float to the left at the lg breakpoint */
  .float-lg-left {
    float: left !important; }

  /* Float to the right at the lg breakpoint */
  .float-lg-right {
    float: right !important; }

  /* No float at the lg breakpoint */
  .float-lg-none {
    float: none !important; } }
@media (min-width: 1280px) {
  /* Float to the left at the xl breakpoint */
  .float-xl-left {
    float: left !important; }

  /* Float to the right at the xl breakpoint */
  .float-xl-right {
    float: right !important; }

  /* No float at the xl breakpoint */
  .float-xl-none {
    float: none !important; } }
.clearfix::before {
  display: table;
  content: ""; }
.clearfix::after {
  display: table;
  clear: both;
  content: ""; }

.overflow-hidden {
  overflow: hidden !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (min-width: 544px) {
  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; } }
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; } }
@media (min-width: 1004px) {
  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; } }
@media (min-width: 1280px) {
  .col-xl-1 {
    width: 8.33333%; }

  .col-xl-2 {
    width: 16.66667%; }

  .col-xl-3 {
    width: 25%; }

  .col-xl-4 {
    width: 33.33333%; }

  .col-xl-5 {
    width: 41.66667%; }

  .col-xl-6 {
    width: 50%; }

  .col-xl-7 {
    width: 58.33333%; }

  .col-xl-8 {
    width: 66.66667%; }

  .col-xl-9 {
    width: 75%; }

  .col-xl-10 {
    width: 83.33333%; }

  .col-xl-11 {
    width: 91.66667%; }

  .col-xl-12 {
    width: 100%; } }
.gut-sm {
  margin-right: -6px;
  margin-left: -6px; }
  .gut-sm > [class*="col-"] {
    padding-right: 6px !important;
    padding-left: 6px !important; }

.gut-md {
  margin-right: -12px;
  margin-left: -12px; }
  .gut-md > [class*="col-"] {
    padding-right: 12px !important;
    padding-left: 12px !important; }

.gut-lg {
  margin-right: -24px;
  margin-left: -24px; }
  .gut-lg > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important; }

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.container {
  max-width: 900px;
  padding: 24px; }

.flex-container {
  display: flex;
  flex-wrap: wrap; }

.flex-center {
  align-items: center; }

.flex-stretch {
  align-items: stretch; }

.flex-item {
  flex-basis: auto; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 28px;
  font-family: 'Inconsolata', monospace;
  color: #3b3939; }
  @media (min-width: 768px) {
    h2 {
      font-size: 34px; } }
  @media (min-width: 1004px) {
    h2 {
      font-size: 38px; } }

h3 {
  font-size: 18px;
  line-height: 25px;
  color: #3b3939;
  font-family: 'Inconsolata', monospace; }
  @media (min-width: 768px) {
    h3 {
      font-size: 22px; } }
  @media (min-width: 1004px) {
    h3 {
      font-size: 26px; } }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

p {
  line-height: 1.5; }

.lead {
  -webkit-font-smoothing: antialiased;
  font-size: 21px; }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px; } }
  @media (min-width: 1004px) {
    .lead {
      font-size: 26px; } }

.text-small {
  font-size: 14px !important; }

.cause-name {
  font-size: 20px;
  color: #2717d3; }

.number {
  font-family: 'Knewave', cursive;
  font-size: 60px;
  letter-spacing: .1em;
  margin-bottom: 20px;
  color: #3b3939; }
  @media (min-width: 768px) {
    .number {
      font-size: 100px; } }
  @media (min-width: 1004px) {
    .number {
      font-size: 150px; } }

.text-large {
  font-size: 24px;
  color: #3f3d3d; }
  @media (min-width: 768px) {
    .text-large {
      font-size: 30px; } }

a.btn {
  padding: 10px 15px;
  color: #fff;
  background: #2717d3;
  text-decoration: none; }
  a.btn:hover {
    background: #160d77; }
  a.btn:visited {
    color: #fff; }

.price-explanation {
  font-size: 14px; }

.title {
  color: #a09c9c;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .1em; }
  .title a {
    color: inherit;
    text-decoration: none; }

.subtle {
  color: #999;
  font-size: 75%; }

.nav-links a, .nav-links a:link, .nav-links a:visited, .nav-links a:active, .content a, .content a:link, .content a:visited, .content a:active {
  color: #C27770;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; }

.nav-links {
  font-size: 16px; }
  .nav-links a:hover, .nav-links a:focus, .nav-links .selected a {
    color: #f5cbc6; }

.subtle {
  display: inline-block;
  vertical-align: top; }

.title, .nav-links {
  display: inline-block; }

.divider {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1); }

.check {
  background: #fff;
  border: 5px solid #ede7e7;
  height: 100%; }
  .check img {
    padding: 10px; }
    @media (min-width: 544px) {
      .check img {
        padding: 30px; } }

input[type=checkbox] {
  display: none; }

input[type=checkbox] + img, input[type=checkbox] + span {
  display: block;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: .5;
  transition: all 0.2s ease-in; }

input[type=checkbox] + span {
  height: 100%; }

input[type=checkbox]:checked + img, input[type=checkbox]:checked + span {
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.12);
  opacity: 1; }

.nonprofit {
  padding: 24px 0;
  border-top: 2px solid rgba(0, 0, 0, 0.1); }
  .nonprofit:last-of-type {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

label {
  cursor: pointer; }

button.cta {
  background-color: transparent;
  cursor: pointer;
  color: #2717d3;
  text-decoration: none;
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  font-size: 20px;
  font-family: 'Inconsolata', monospace; }
  button.cta:hover {
    color: #036ab7;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.2); }
  button.cta:disabled {
    color: #bdb8b8; }
    button.cta:disabled:hover {
      cursor: default;
      color: #bdb8b8;
      border: 2px solid rgba(0, 0, 0, 0.1); }

.header {
  background: rgba(0, 0, 0, 0.8); }

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