@import url("https://fonts.googleapis.com/css?family=Syncopate:400");
/* Based on Telephasic by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,f 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;
}
 strong {
    font-weight: bold;
}
#header .fa {background: none;
    padding:.0;
    color:#fff;
    margin:0;
}
footer .fa {background: #fff;
    padding:.25em;
    color:#0c0c0c;
}
.fa {background: #ffe4ff;
    padding:.3em;
    border-radius:.35em;
    color:#330033;
  margin-right:.2em;

}
 nav ul {
    padding:0;
}
 video {
     margin: 0 auto;
     padding: 0;
     align-items: center;
     border: 0;
     width: 90%;
     vertical-align: baseline;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 nav {
    text-align: center;
}
 .footer-links li {
    text-align: left;
}
 ol, ul {
     list-style: none;
}
 .hubspot {
    background: #fff;
     padding: 25px 15px;
     margin: 0;
     border-radius: 0.35em;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 .skip {
     position: absolute;
     left: -10000px;
     top: auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
     color:#fff;
     background: #0c0c0c;
     font-family:Arial, sans serif; 
     font-size: .75em !important;
}
 .skip:focus {
     position: static;
     height: auto;
    width: fit-content;
    margin: 0 auto;
    padding:.3em;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 body {
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
}
 mark {
     background-color: transparent;
     color: inherit;
}
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 input, select, textarea {
     -moz-appearance: none;
     -webkit-appearance: none;
     -ms-appearance: none;
     appearance: none;
}
/* Basic */
 @-ms-viewport {
     width: device-width;
}
 html {
     box-sizing: border-box;
}
 *, *:before, *:after {
     box-sizing: inherit;
}
 body {
     background: #fefefe;
     font-family: Tahoma, Arial, sans-serif;
     font-weight: normal;
     color: #1b1b1b;
     line-height: 1.5;
     font-size: 1.2em;
}
 body.is-preload *, body.is-preload *:before, body.is-preload *:after {
     -moz-animation: none !important;
     -webkit-animation: none !important;
     -ms-animation: none !important;
     animation: none !important;
     -moz-transition: none !important;
     -webkit-transition: none !important;
     -ms-transition: none !important;
     transition: none !important;
}
 input, textarea, select {
     color: #0c0c0c;
     font-size: 15pt;
}
 h1, h2, h4, h6, #logo {
     font-weight: normal;
     color: #0c0c0c;
     font-family: 'Syncopate', Arial, sans-serif;
}
 h1 {
     font-size: 2.1em;
     margin: 2em 0 .5em 0;
}
 #footer-wrapper h2, .first {
     font-size: 1.8em;
     margin: 0 0 .5em 0;
}
 #footer-wrapper h2 {
     margin: 0 0 1.5em 0;
     letter-spacing: 1px;
}
 #footer-wrapper h2, #footer-wrapper p {
     text-align:center;
}
 h1 a, h2 a, h4 a, h5 a, h6 a {
     color: #0c0c0c;
}
 h3 a {
     color: #fff;
     text-decoration: underline dotted 1px #eee;
}
 h3 a:hover {
     color: #888;
}
 h2 {
     font-size: 1.6em;
     margin: 1.5em 0 .5em 0;
     color:#0c0c0c;
}
 h3 {
     font-size: 1.1em;
     margin: 0 0 1em 0;
     background: #0c0c0c;
     color: #fff;
     padding: .3em .6em;
     text-align:center;
}
 em {
    font-style: italic;
}
 h4 {
     font-size:1.2em;
     margin:.9em 0 .7em 0;
}
 a {
     -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     -ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     color:#660066;
     text-decoration: underline dotted #660066 1px;
     text-underline-offset: .2em;
}
 a:hover {
     color:#888;
     text-decoration: underline;
}
 #nav > ul > li > span, #nav > ul > li > a:hover {
     color: #800080;
}
 #nav > ul > li > span, #nav > ul > li > a {
     color: #0c0c0c;
}
 sub {
     position: relative;
     top: 0.5em;
     font-size: 0.8em;
}
 sup {
     position: relative;
     top: -0.5em;
     font-size: 0.8em;
}
 hr {
     border: 0;
     border-top: solid 1px #ccc;
     margin: 3em 0;
}
 blockquote {
     border-left: solid 1px #ccc;
     font-size: 1.3em;
     padding: .5em 0 .5em 1em;
     margin: 1em 0;
}
 #sidebar blockquote {
     border-left: solid 1px #ccc;
}
 p, ul, ol, dl, table {
     margin-bottom: 1em;
}
 .clear {
     clear: both;
}
 .features {
     margin-bottom: 1.5em;
}
/* Sections/Article */
 section, article {
     margin-bottom: 3em;
}
 section > :last-child, article > :last-child, section:last-child, article:last-child {
     margin-bottom: 0;
}
 .row > section, .row > article {
     margin-bottom: 0;
}
 header {
     margin-bottom: 1.5em;
}
 header div.major p {
     display: block;
     padding: 0.75em 0;
     font-size: 1.3em;
     border-top: solid 1px #ccc;
     border-bottom: solid 1px #ccc;
}
 header.major {
}
/* Container */
 .container {
     margin: 0 auto;
     max-width: 100%;
     width: 1200px;
}
 @media screen and (max-width: 1280px) {
     .container {
         width: 960px;
    }
}
 @media screen and (max-width: 1080px) {
     .container {
         width: 100%;
    }
}
 @media screen and (max-width: 820px) {
     .container {
         width: 100%;
    }
}
 @media screen and (max-width: 736px) {
     .container {
         width: 100%;
    }
}
 @media screen and (max-width: 480px) {
     .container {
         width: 100%;
    }
}
/* Row */
 .row {
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box;
     align-items: stretch;
}
 .row > * {
     box-sizing: border-box;
}
 .row.gtr-uniform > * > :last-child {
     margin-bottom: 0;
}
 .row.aln-left {
     justify-content: flex-start;
}
 .row.aln-center {
     justify-content: center;
}
 .row.aln-right {
     justify-content: flex-end;
}
 .row.aln-top {
     align-items: flex-start;
}
 .row.aln-middle {
     align-items: center;
}
 .row.aln-bottom {
     align-items: flex-end;
}
 .row > .imp {
     order: -1;
}
 .row > .col-1 {
     width: 8.33333%;
}
 .row > .off-1 {
     margin-left: 8.33333%;
}
 .row > .col-2 {
     width: 16.66667%;
}
 .row > .off-2 {
     margin-left: 16.66667%;
}
 .row > .col-3 {
     width: 25%;
}
 .row > .off-3 {
     margin-left: 25%;
}
 .row > .col-4 {
     width: 33.33333%;
}
 .row > .off-4 {
     margin-left: 33.33333%;
}
 .row > .col-5 {
     width: 41.66667%;
}
 .row > .off-5 {
     margin-left: 41.66667%;
}
 .row > .col-6 {
     width: 50%;
}
 .row > .off-6 {
     margin-left: 50%;
}
 .row > .col-7 {
     width: 58.33333%;
}
 .row > .off-7 {
     margin-left: 58.33333%;
}
 .row > .col-8 {
     width: 66.66667%;
}
 .row > .off-8 {
     margin-left: 66.66667%;
}
 .row > .col-9 {
     width: 75%;
}
 .row > .off-9 {
     margin-left: 75%;
}
 .row > .col-10 {
     width: 83.33333%;
}
 .row > .off-10 {
     margin-left: 83.33333%;
}
 .row > .col-11 {
     width: 91.66667%;
}
 .row > .off-11 {
     margin-left: 91.66667%;
}
 .row > .col-12 {
     width: 100%;
}
 .row > .off-12 {
     margin-left: 100%;
}
 .row.gtr-0 {
     margin-top: 0;
     margin-left: 0;
}
 .row.gtr-0 > * {
     padding: 0;
}
 .row.gtr-0.gtr-uniform {
     margin-top: 0;
}
 .row.gtr-0.gtr-uniform > * {
     padding-top: 0;
}
 .row.gtr-25 {
     margin-top: -12.5px;
     margin-left: -12.5px;
}
 .row.gtr-25 > * {
     padding: 12.5px 0 0 12.5px;
}
 .row.gtr-25.gtr-uniform {
     margin-top: -12.5px;
}
 .row.gtr-25.gtr-uniform > * {
     padding-top: 12.5px;
}
 .row.gtr-50 {
     margin-top: -25px;
     margin-left: -25px;
}
 .row.gtr-50 > * {
     padding: 25px 0 0 25px;
}
 .row.gtr-50.gtr-uniform {
     margin-top: -25px;
}
 .row.gtr-50.gtr-uniform > * {
     padding-top: 25px;
}
 .row {
     margin-top: -50px;
     margin-left: -50px;
}
 .row > * {
     padding: 50px 0 0 50px;
}
 .row.gtr-uniform {
     margin-top: -50px;
}
 .row.gtr-uniform > * {
     padding-top: 50px;
}
 .row.gtr-150 {
     margin-top: -75px;
     margin-left: -75px;
}
 .row.gtr-150 > * {
     padding: 75px 0 0 75px;
}
 .row.gtr-150.gtr-uniform {
     margin-top: -75px;
}
 .row.gtr-150.gtr-uniform > * {
     padding-top: 75px;
}
 .row.gtr-200 {
     margin-top: -100px;
     margin-left: -100px;
}
 .row.gtr-200 > * {
     padding: 100px 0 0 100px;
}
 .row.gtr-200.gtr-uniform {
     margin-top: -100px;
}
 .row.gtr-200.gtr-uniform > * {
     padding-top: 100px;
}
 @media screen and (max-width: 1280px) {
     .row {
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         align-items: stretch;
    }
     .row > * {
         box-sizing: border-box;
    }
     .row.gtr-uniform > * > :last-child {
         margin-bottom: 0;
    }
     .row.aln-left {
         justify-content: flex-start;
    }
     .row.aln-center {
         justify-content: center;
    }
     .row.aln-right {
         justify-content: flex-end;
    }
     .row.aln-top {
         align-items: flex-start;
    }
     .row.aln-middle {
         align-items: center;
    }
     .row.aln-bottom {
         align-items: flex-end;
    }
     .row > .imp-normal {
         order: -1;
    }
     .row > .col-1-normal {
         width: 8.33333%;
    }
     .row > .off-1-normal {
         margin-left: 8.33333%;
    }
     .row > .col-2-normal {
         width: 16.66667%;
    }
     .row > .off-2-normal {
         margin-left: 16.66667%;
    }
     .row > .col-3-normal {
         width: 25%;
    }
     .row > .off-3-normal {
         margin-left: 25%;
    }
     .row > .col-4-normal {
         width: 33.33333%;
    }
     .row > .off-4-normal {
         margin-left: 33.33333%;
    }
     .row > .col-5-normal {
         width: 41.66667%;
    }
     .row > .off-5-normal {
         margin-left: 41.66667%;
    }
     .row > .col-6-normal {
         width: 50%;
    }
     .row > .off-6-normal {
         margin-left: 50%;
    }
     .row > .col-7-normal {
         width: 58.33333%;
    }
     .row > .off-7-normal {
         margin-left: 58.33333%;
    }
     .row > .col-8-normal {
         width: 66.66667%;
    }
     .row > .off-8-normal {
         margin-left: 66.66667%;
    }
     .row > .col-9-normal {
         width: 75%;
    }
     .row > .off-9-normal {
         margin-left: 75%;
    }
     .row > .col-10-normal {
         width: 83.33333%;
    }
     .row > .off-10-normal {
         margin-left: 83.33333%;
    }
     .row > .col-11-normal {
         width: 91.66667%;
    }
     .row > .off-11-normal {
         margin-left: 91.66667%;
    }
     .row > .col-12-normal {
         width: 100%;
    }
     .row > .off-12-normal {
         margin-left: 100%;
    }
     .row.gtr-0 {
         margin-top: 0;
         margin-left: 0;
    }
     .row.gtr-0 > * {
         padding: 0;
    }
     .row.gtr-0.gtr-uniform {
         margin-top: 0;
    }
     .row.gtr-0.gtr-uniform > * {
         padding-top: 0;
    }
     .row.gtr-25 {
         margin-top: -10px;
         margin-left: -10px;
    }
     .row.gtr-25 > * {
         padding: 10px 0 0 10px;
    }
     .row.gtr-25.gtr-uniform {
         margin-top: -10px;
    }
     .row.gtr-25.gtr-uniform > * {
         padding-top: 10px;
    }
     .row.gtr-50 {
         margin-top: -20px;
         margin-left: -20px;
    }
     .row.gtr-50 > * {
         padding: 20px 0 0 20px;
    }
     .row.gtr-50.gtr-uniform {
         margin-top: -20px;
    }
     .row.gtr-50.gtr-uniform > * {
         padding-top: 20px;
    }
     .row {
         margin-top: -40px;
         margin-left: -40px;
    }
     .row > * {
         padding: 40px 0 0 40px;
    }
     .row.gtr-uniform {
         margin-top: -40px;
    }
     .row.gtr-uniform > * {
         padding-top: 40px;
    }
     .row.gtr-150 {
         margin-top: -60px;
         margin-left: -60px;
    }
     .row.gtr-150 > * {
         padding: 60px 0 0 60px;
    }
     .row.gtr-150.gtr-uniform {
         margin-top: -60px;
    }
     .row.gtr-150.gtr-uniform > * {
         padding-top: 60px;
    }
     .row.gtr-200 {
         margin-top: -80px;
         margin-left: -80px;
    }
     .row.gtr-200 > * {
         padding: 80px 0 0 80px;
    }
     .row.gtr-200.gtr-uniform {
         margin-top: -80px;
    }
     .row.gtr-200.gtr-uniform > * {
         padding-top: 80px;
    }
}
 @media screen and (max-width: 1080px) {
     .row {
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         align-items: stretch;
    }
     .row > .col-12-narrower {
         width: 100%;
    }
     #footer .row > .col-12-narrower {
         width: 100%;
         padding: 0 2em;
    }
     .row > * {
         box-sizing: border-box;
    }
     .row.gtr-uniform > * > :last-child {
         margin-bottom: 0;
    }
     .row.aln-left {
         justify-content: flex-start;
    }
     .row.aln-center {
         justify-content: center;
    }
     .row.aln-right {
         justify-content: flex-end;
    }
     .row.aln-top {
         align-items: flex-start;
    }
     .row.aln-middle {
         align-items: center;
    }
     .row.aln-bottom {
         align-items: flex-end;
    }
     .row > .imp-narrow {
         order: -1;
    }
     .row > .col-1-narrow {
         width: 8.33333%;
    }
     .row > .off-1-narrow {
         margin-left: 8.33333%;
    }
     .row > .col-2-narrow {
         width: 16.66667%;
    }
     .row > .off-2-narrow {
         margin-left: 16.66667%;
    }
     .row > .col-3-narrow {
         width: 25%;
    }
     .row > .off-3-narrow {
         margin-left: 25%;
    }
     .row > .col-4-narrow {
         width: 33.33333%;
    }
     .row > .off-4-narrow {
         margin-left: 33.33333%;
    }
     .row > .col-5-narrow {
         width: 41.66667%;
    }
     .row > .off-5-narrow {
         margin-left: 41.66667%;
    }
     .row > .col-6-narrow {
         width: 50%;
    }
     .row > .off-6-narrow {
         margin-left: 50%;
    }
     .row > .col-7-narrow {
         width: 58.33333%;
    }
     .row > .off-7-narrow {
         margin-left: 58.33333%;
    }
     .row > .col-8-narrow {
         width: 66.66667%;
    }
     .row > .off-8-narrow {
         margin-left: 66.66667%;
    }
     .row > .col-9-narrow {
         width: 75%;
    }
     .row > .off-9-narrow {
         margin-left: 75%;
    }
     .row > .col-10-narrow {
         width: 83.33333%;
    }
     .row > .off-10-narrow {
         margin-left: 83.33333%;
    }
     .row > .col-11-narrow {
         width: 91.66667%;
    }
     .row > .off-11-narrow {
         margin-left: 91.66667%;
    }
     .row > .col-12-narrow {
         width: 100%;
    }
     .row > .off-12-narrow {
         margin-left: 100%;
    }
     .row.gtr-0 {
         margin-top: 0;
         margin-left: 0;
    }
     .row.gtr-0 > * {
         padding: 0;
    }
     .row.gtr-0.gtr-uniform {
         margin-top: 0;
    }
     .row.gtr-0.gtr-uniform > * {
         padding-top: 0;
    }
     .row.gtr-25 {
         margin-top: -10px;
         margin-left: -10px;
    }
     .row.gtr-25 > * {
         padding: 10px 0 0 10px;
    }
     .row.gtr-25.gtr-uniform {
         margin-top: -10px;
    }
     .row.gtr-25.gtr-uniform > * {
         padding-top: 10px;
    }
     .row.gtr-50 {
         margin-top: -20px;
         margin-left: -20px;
    }
     .row.gtr-50 > * {
         padding: 20px 0 0 20px;
    }
     .row.gtr-50.gtr-uniform {
         margin-top: -20px;
    }
     .row.gtr-50.gtr-uniform > * {
         padding-top: 20px;
    }
     .row {
         margin-top: -40px;
         margin-left: -40px;
    }
     .row > * {
         padding: 40px 0 0 40px;
    }
     .row.gtr-uniform {
         margin-top: -40px;
    }
     .row.gtr-uniform > * {
         padding-top: 40px;
    }
     .row.gtr-150 {
         margin-top: -60px;
         margin-left: -60px;
    }
     .row.gtr-150 > * {
         padding: 60px 0 0 60px;
    }
     .row.gtr-150.gtr-uniform {
         margin-top: -60px;
    }
     .row.gtr-150.gtr-uniform > * {
         padding-top: 60px;
    }
     .row.gtr-200 {
         margin-top: -80px;
         margin-left: -80px;
    }
     .row.gtr-200 > * {
         padding: 80px 0 0 80px;
    }
     .row.gtr-200.gtr-uniform {
         margin-top: -80px;
    }
     .row.gtr-200.gtr-uniform > * {
         padding-top: 80px;
    }
}
 @media screen and (max-width: 820px) {
     .row {
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         align-items: stretch;
    }
     .row > * {
         box-sizing: border-box;
    }
     .row.gtr-uniform > * > :last-child {
         margin-bottom: 0;
    }
     .row.aln-left {
         justify-content: flex-start;
    }
     .row.aln-center {
         justify-content: center;
    }
     .row.aln-right {
         justify-content: flex-end;
    }
     .row.aln-top {
         align-items: flex-start;
    }
     .row.aln-middle {
         align-items: center;
    }
     .row.aln-bottom {
         align-items: flex-end;
    }
     .row > .imp-narrower {
         order: -1;
    }
     .row > .col-1-narrower {
         width: 8.33333%;
    }
     .row > .off-1-narrower {
         margin-left: 8.33333%;
    }
     .row > .col-2-narrower {
         width: 16.66667%;
    }
     .row > .off-2-narrower {
         margin-left: 16.66667%;
    }
     .row > .col-3-narrower {
         width: 25%;
    }
     .row > .off-3-narrower {
         margin-left: 25%;
    }
     .row > .col-4-narrower {
         width: 33.33333%;
    }
     .row > .off-4-narrower {
         margin-left: 33.33333%;
    }
     .row > .col-5-narrower {
         width: 41.66667%;
    }
     .row > .off-5-narrower {
         margin-left: 41.66667%;
    }
     .row > .col-6-narrower {
         width: 50%;
    }
     .row > .off-6-narrower {
         margin-left: 50%;
    }
     .row > .col-7-narrower {
         width: 58.33333%;
    }
     .row > .off-7-narrower {
         margin-left: 58.33333%;
    }
     .row > .col-8-narrower {
         width: 66.66667%;
    }
     .row > .off-8-narrower {
         margin-left: 66.66667%;
    }
     .row > .col-9-narrower {
         width: 75%;
    }
     .row > .off-9-narrower {
         margin-left: 75%;
    }
     .row > .col-10-narrower {
         width: 83.33333%;
    }
     .row > .off-10-narrower {
         margin-left: 83.33333%;
    }
     .row > .col-11-narrower {
         width: 91.66667%;
    }
     .row > .off-11-narrower {
         margin-left: 91.66667%;
    }
     .row > .off-12-narrower {
         margin-left: 100%;
    }
     .row.gtr-0 {
         margin-top: 0;
         margin-left: 0;
    }
     .row.gtr-0 > * {
         padding: 0;
    }
     .row.gtr-0.gtr-uniform {
         margin-top: 0;
    }
     .row.gtr-0.gtr-uniform > * {
         padding-top: 0;
    }
     .row.gtr-25 {
         margin-top: -7.5px;
         margin-left: -7.5px;
    }
     .row.gtr-25 > * {
         padding: 7.5px 0 0 7.5px;
    }
     .row.gtr-25.gtr-uniform {
         margin-top: -7.5px;
    }
     .row.gtr-25.gtr-uniform > * {
         padding-top: 7.5px;
    }
     .row.gtr-50 {
         margin-top: -15px;
         margin-left: -15px;
    }
     .row.gtr-50 > * {
         padding: 15px 0 0 15px;
    }
     .row.gtr-50.gtr-uniform {
         margin-top: -15px;
    }
     .row.gtr-50.gtr-uniform > * {
         padding-top: 15px;
    }
     .row {
         margin-top: -30px;
         margin-left: -30px;
    }
     .row > * {
         padding: 30px 0 0 30px;
    }
     .row.gtr-uniform {
         margin-top: -30px;
    }
     .row.gtr-uniform > * {
         padding-top: 30px;
    }
     .row.gtr-150 {
         margin-top: -45px;
         margin-left: -45px;
    }
     .row.gtr-150 > * {
         padding: 45px 0 0 45px;
    }
     .row.gtr-150.gtr-uniform {
         margin-top: -45px;
    }
     .row.gtr-150.gtr-uniform > * {
         padding-top: 45px;
    }
     .row.gtr-200 {
         margin-top: -60px;
         margin-left: -60px;
    }
     .row.gtr-200 > * {
         padding: 60px 0 0 60px;
    }
     .row.gtr-200.gtr-uniform {
         margin-top: -60px;
    }
     .row.gtr-200.gtr-uniform > * {
         padding-top: 60px;
    }
}
 @media screen and (max-width: 736px) {
     .row {
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         align-items: stretch;
    }
     .row > * {
         box-sizing: border-box;
    }
     .row.gtr-uniform > * > :last-child {
         margin-bottom: 0;
    }
     .row.aln-left {
         justify-content: flex-start;
    }
     .row.aln-center {
         justify-content: center;
    }
     .row.aln-right {
         justify-content: flex-end;
    }
     .row.aln-top {
         align-items: flex-start;
    }
     .row.aln-middle {
         align-items: center;
    }
     .row.aln-bottom {
         align-items: flex-end;
    }
     .row > .imp-mobile {
         order: -1;
    }
     .row > .col-1-mobile {
         width: 8.33333%;
    }
     .row > .off-1-mobile {
         margin-left: 8.33333%;
    }
     .row > .col-2-mobile {
         width: 16.66667%;
    }
     .row > .off-2-mobile {
         margin-left: 16.66667%;
    }
     .row > .col-3-mobile {
         width: 25%;
    }
     .row > .off-3-mobile {
         margin-left: 25%;
    }
     .row > .col-4-mobile {
         width: 33.33333%;
    }
     .row > .off-4-mobile {
         margin-left: 33.33333%;
    }
     .row > .col-5-mobile {
         width: 41.66667%;
    }
     .row > .off-5-mobile {
         margin-left: 41.66667%;
    }
     .row > .col-6-mobile {
         width: 50%;
    }
     .row > .off-6-mobile {
         margin-left: 50%;
    }
     .row > .col-7-mobile {
         width: 58.33333%;
    }
     .row > .off-7-mobile {
         margin-left: 58.33333%;
    }
     .row > .col-8-mobile {
         width: 66.66667%;
    }
     .row > .off-8-mobile {
         margin-left: 66.66667%;
    }
     .row > .col-9-mobile {
         width: 75%;
    }
     .row > .off-9-mobile {
         margin-left: 75%;
    }
     .row > .col-10-mobile {
         width: 83.33333%;
    }
     .row > .off-10-mobile {
         margin-left: 83.33333%;
    }
     .row > .col-11-mobile {
         width: 91.66667%;
    }
     .row > .off-11-mobile {
         margin-left: 91.66667%;
    }
     .row > .col-12-mobile {
         width: 100%;
    }
     .row > .off-12-mobile {
         margin-left: 100%;
    }
     .row.gtr-0 {
         margin-top: 0;
         margin-left: 0;
    }
     .row.gtr-0 > * {
         padding: 0;
    }
     .row.gtr-0.gtr-uniform {
         margin-top: 0;
    }
     .row.gtr-0.gtr-uniform > * {
         padding-top: 0;
    }
     .row.gtr-25 {
         margin-top: -5px;
         margin-left: -5px;
    }
     .row.gtr-25 > * {
         padding: 5px 0 0 5px;
    }
     .row.gtr-25.gtr-uniform {
         margin-top: -5px;
    }
     .row.gtr-25.gtr-uniform > * {
         padding-top: 5px;
    }
     .row.gtr-50 {
         margin-top: -10px;
         margin-left: -10px;
    }
     .row.gtr-50 > * {
         padding: 10px 0 0 10px;
    }
     .row.gtr-50.gtr-uniform {
         margin-top: -10px;
    }
     .row.gtr-50.gtr-uniform > * {
         padding-top: 10px;
    }
     .row {
         margin-top: -20px;
         margin-left: -20px;
    }
     .row > * {
         padding: 20px 0 0 20px;
    }
     .row.gtr-uniform {
         margin-top: -20px;
    }
     .row.gtr-uniform > * {
         padding-top: 20px;
    }
     .row.gtr-150 {
         margin-top: -30px;
         margin-left: -30px;
    }
     .row.gtr-150 > * {
         padding: 30px 0 0 30px;
    }
     .row.gtr-150.gtr-uniform {
         margin-top: -30px;
    }
     .row.gtr-150.gtr-uniform > * {
         padding-top: 30px;
    }
     .row.gtr-200 {
         margin-top: -40px;
         margin-left: -40px;
    }
     .row.gtr-200 > * {
         padding: 40px 0 0 40px;
    }
     .row.gtr-200.gtr-uniform {
         margin-top: -40px;
    }
     .row.gtr-200.gtr-uniform > * {
         padding-top: 40px;
    }
}
 @media screen and (max-width: 480px) {
     .row {
         display: flex;
         flex-wrap: wrap;
         box-sizing: border-box;
         align-items: stretch;
    }
     .row > * {
         box-sizing: border-box;
    }
     .row.gtr-uniform > * > :last-child {
         margin-bottom: 0;
    }
     .row.aln-left {
         justify-content: flex-start;
    }
     .row.aln-center {
         justify-content: center;
    }
     .row.aln-right {
         justify-content: flex-end;
    }
     .row.aln-top {
         align-items: flex-start;
    }
     .row.aln-middle {
         align-items: center;
    }
     .row.aln-bottom {
         align-items: flex-end;
    }
     .row > .imp-mobilep {
         order: -1;
    }
     .row > .col-1-mobilep {
         width: 8.33333%;
    }
     .row > .off-1-mobilep {
         margin-left: 8.33333%;
    }
     .row > .col-2-mobilep {
         width: 16.66667%;
    }
     .row > .off-2-mobilep {
         margin-left: 16.66667%;
    }
     .row > .col-3-mobilep {
         width: 25%;
    }
     .row > .off-3-mobilep {
         margin-left: 25%;
    }
     .row > .col-4-mobilep {
         width: 33.33333%;
    }
     .row > .off-4-mobilep {
         margin-left: 33.33333%;
    }
     .row > .col-5-mobilep {
         width: 41.66667%;
    }
     .row > .off-5-mobilep {
         margin-left: 41.66667%;
    }
     .row > .col-6-mobilep {
         width: 50%;
    }
     .row > .off-6-mobilep {
         margin-left: 50%;
    }
     .row > .col-7-mobilep {
         width: 58.33333%;
    }
     .row > .off-7-mobilep {
         margin-left: 58.33333%;
    }
     .row > .col-8-mobilep {
         width: 66.66667%;
    }
     .row > .off-8-mobilep {
         margin-left: 66.66667%;
    }
     .row > .col-9-mobilep {
         width: 75%;
    }
     .row > .off-9-mobilep {
         margin-left: 75%;
    }
     .row > .col-10-mobilep {
         width: 83.33333%;
    }
     .row > .off-10-mobilep {
         margin-left: 83.33333%;
    }
     .row > .col-11-mobilep {
         width: 91.66667%;
    }
     .row > .off-11-mobilep {
         margin-left: 91.66667%;
    }
     .row > .col-12-mobilep {
         width: 100%;
    }
     .row > .off-12-mobilep {
         margin-left: 100%;
    }
     .row.gtr-0 {
         margin-top: 0;
         margin-left: 0;
    }
     .row.gtr-0 > * {
         padding: 0;
    }
     .row.gtr-0.gtr-uniform {
         margin-top: 0;
    }
     .row.gtr-0.gtr-uniform > * {
         padding-top: 0;
    }
     .row.gtr-25 {
         margin-top: -5px;
         margin-left: -5px;
    }
     .row.gtr-25 > * {
         padding: 5px 0 0 5px;
    }
     .row.gtr-25.gtr-uniform {
         margin-top: -5px;
    }
     .row.gtr-25.gtr-uniform > * {
         padding-top: 5px;
    }
     .row.gtr-50 {
         margin-top: -10px;
         margin-left: -10px;
    }
     .row.gtr-50 > * {
         padding: 10px 0 0 10px;
    }
     .row.gtr-50.gtr-uniform {
         margin-top: -10px;
    }
     .row.gtr-50.gtr-uniform > * {
         padding-top: 10px;
    }
     .row {
         margin-top: -20px;
         margin-left: -20px;
    }
     .row > * {
         padding: 20px 0 0 20px;
    }
     .row.gtr-uniform {
         margin-top: -20px;
    }
     .row.gtr-uniform > * {
         padding-top: 20px;
    }
     .row.gtr-150 {
         margin-top: -30px;
         margin-left: -30px;
    }
     .row.gtr-150 > * {
         padding: 30px 0 0 30px;
    }
     .row.gtr-150.gtr-uniform {
         margin-top: -30px;
    }
     .row.gtr-150.gtr-uniform > * {
         padding-top: 30px;
    }
     .row.gtr-200 {
         margin-top: -40px;
         margin-left: -40px;
    }
     .row.gtr-200 > * {
         padding: 40px 0 0 40px;
    }
     .row.gtr-200.gtr-uniform {
         margin-top: -40px;
    }
     .row.gtr-200.gtr-uniform > * {
         padding-top: 40px;
    }
}
/* Image */
 .image {
     -moz-transition: opacity 0.25s ease-in-out;
     -webkit-transition: opacity 0.25s ease-in-out;
     -ms-transition: opacity 0.25s ease-in-out;
     transition: opacity 0.25s ease-in-out;
     display: inline-block;
     max-width:100%;
     margin: .5em 0 1.5em 0;
     height:auto;
}
 .border {
    border: #ccc solid 1px;
}
 .image img {
     display: block;
     width: 100%;
}
 .image.fit {
     display: block;
     width: 100%;
}
 .image.featured {
     display: block;
     margin: 0 auto;
}
 .image.left {
     float: left;
     margin: 0 2.8em 1em 0;
}
 .image.right {
     float: right;
     margin: 0 0 1em 1em;
}
 .image.centered {
     display: block;
     margin: 4em auto;
     border:0;
}
 a.image:hover {
     opacity: 0.85;
}
/* List */
 ul {
     list-style: disc;
     padding-left: 2em;
}
 ul li {
     font-size: 90%;
     line-height: 1.7;
}
 ul li ul {
     list-style-type: circle;
}
 ol {
     list-style: decimal;
     padding-left: 1.25em;
}
 ol li {
     padding-left: 0.25em;
}
/* Actions */
 ul.actions {
     padding-top: 1em;
     list-style: none;
     padding-left: 0;
     text-align:center;
}
 ul.actions.major {
     text-align: center;
}
 ul.actions li {
     display: inline-block;
     margin-left: 1em;
     padding-left: 0;
}
 ul.actions li:first-child {
     margin-left: 0;
}
 ul.actions li a:hover{
     color: #fff;
     background:#330033;
}
/* Divided */
 ul.divided {
     list-style: none;
     padding-left: 0;
}
 ul.divided li {
     border-top: solid 1px #333;
     padding-top: 2em;
     margin-top: 2em;
     padding-left: 0;
}
 ul.divided li:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0;
}
/* Icons */
 ul.icons {
     list-style: none;
     padding-left: 0;
}
 ul.icons li {
     padding-left: 0;
     width: 100%;
     font-size:1em;
}
 ul.icons li:before {
     display: inline-block;
     padding-top: 10px;
     color: #111;
     background: #fefefe;
     width: 2em;
     height: 2em;
     border-radius: 0.35em;
     text-align: center;
     margin-right: 0.5em;
}
/* Menu */
 ul.menu {
     list-style: none;
     padding-left: 0;
}
 ul.menu li {
     display: inline-block;
     border-left: solid 1px #d2d7dc;
     padding-left: 1em;
     margin-left: 1em;
}
 ul.menu li:first-child {
     border-left: 0;
     padding-left: 0;
     margin-left: 0;
}
/* Form */
 form .actions {
     padding-top: 0;
}
 form label {
     display: block;
     font-weight: 300;
     color:#330033;
     margin: 0 0 0.5em 0;
}
 form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
     -moz-transition: background-color 0.25s ease-in-out;
     -webkit-transition: background-color 0.25s ease-in-out;
     -ms-transition: background-color 0.25s ease-in-out;
     transition: background-color 0.25s ease-in-out;
     -webkit-appearance: none;
     display: block;
     background: #f9fbfe;
     border: solid 1px #d2d7dc;
     border-radius: 0.35em;
     width: 100%;
     padding: 0.75em;
}
 form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {
     background: #fff;
}
 form textarea {
     min-height: 7em;
}
 form ::-webkit-input-placeholder {
     color: #555 !important;
}
 form :-moz-placeholder {
     color: #555 !important;
}
 form ::-moz-placeholder {
     color: #555 !important;
}
 form :-ms-input-placeholder {
     color: #555 !important;
}
 form ::-moz-focus-inner {
     border: 0;
}
/* Table */
 table {
     width: 100%;
}
 table.default {
     width: 100%;
}
 table.default tbody tr {
     border-top: solid 1px #D2D7DC;
}
 table.default tbody tr:nth-child(2n+1) {
     background: #f9fbfe;
}
 table.default td {
     padding: 0.5em 1em 0.5em 1em;
}
 table.default th {
     text-align: left;
     font-weight: 400;
     padding: 0.5em 1em 0.5em 1em;
}
 table.default tfoot {
     border-top: solid 1px #D2D7DC;
}
/* Button */
 input[type="button"], input[type="submit"], input[type="reset"], button, .button {
     -moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     -ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
     display: inline-block;
     color: inherit;
     background: none;
     border: solid 1px #ccc;
     border-radius: 0.35em;
     padding: .8em 2em;
     cursor: pointer;
}
 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover {
     border-color: rgba(0, 0, 0, .1);
     background-color:#330033;
     color:#fff;
}
/* Icons */
 .icon {
     text-decoration: none;
     text-decoration: none;
}
 .icon:before {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     text-transform: none !important;
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
}
 .icon:before {
     line-height: inherit;
}
 .icon > .label {
     display: none;
}
 .icon.solid:before {
     font-weight: 900;
}
 .icon:before {
     font-family: 'Font Awesome 5 Free';
}
/* Wrappers */
 .example {
     color:#fefefe;
     background: #0c0c0c;
}
 .example h1, .example h2 {
     color:#fefefe;
}
 .example hr {
     border-top: solid 1px #333;
}
 .example .button {
     border: solid 1px #333;
}
 .example .major p {
     border-top: solid 1px #333;
     border-bottom: solid 1px #333;
}
 .wrapper {
     position: relative;
     overflow-x: hidden;
     border-top: solid 1px #333;
}
 .wrapper.middle {
     padding-top: 0;
}
 .image-wrapper {
     position: relative;
}
 .image-wrapper .image {
     position: relative;
     z-index: 2;
}
 .image-wrapper.first:before {
     content: '';
     display: block;
     width: 2000%;
     height: 100%;
     position: absolute;
     left: -1000%;
     top: 0;
     z-index: 1;
}
 #header-wrapper {
     background: url("/images/art.jpg") center top repeat-x fixed;
     background-color:#0c0c0c;
     min-height: 10em ;
}
 .homepage #header-wrapper {
     padding-bottom: 4em ;
}
 #promo-wrapper {
     position: relative;
     background:#330033;
     color: #fff;
     text-align: center;
     padding: 4em 0;
     margin: 3em 0 2em 0;
}
 .pattern{
     margin: 1em 0 0 0;
     background:#330033;
     padding: 1em 1em .08em 1em ;
     color: #fff;
}
 .pattern a{
     color: #fff;
     text-decoration: underline 1px #1a001a;
}
 .pattern a:hover {
     color: #1a001a;
}
 #footer-wrapper {
     -webkit-transform: translate3d(0, 0, 0);
     position: relative;
     padding: 3em 2em;
     background:#330033;
     color: #fff;
     border-top: 1px solid #333;
}
 #footer-wrapper h2, #footer-wrapper a, #footer h3 {
     color: #fff;
}
 #footer h3 {
     background: #1a001a;
     margin-bottom:3em;
     text-align:center;
}
 .laira {
     font-family: 'Syncopate', tahoma, sans serif !important;
}
 #footer-wrapper a {
     font-size: .75em;
}
 #footer-wrapper a:hover {
     color: #888;
}
 #footer-wrapper img {
    margin:1em 0 0 0;
}
 #footer header > p {
     display: block;
     padding: 0.75em 0;
    color:#0c0c0c0;
     font-size: 1.3em;
    line-height:1.5;
     border-top: #333 1px solid;
     border-bottom: #333 1px solid;
}
/* Header */
 #header.container {
     padding-top: .2em;
}
 #logo {
     margin:0 auto;
}
 #logo p {
     margin-bottom:0;
}
 #logo a {
     padding: .5em;
     display: block;
     color: #fff;
     font-size: 1.1em;
     text-align: center;
     letter-spacing: .08em;
     background: #0c0c0c;
     text-decoration: none;
}
 #logo a:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}
 #nav {
     width: 100%;
     margin: 0 auto;
}
 #nav > ul {
     margin: 0 auto;
    letter-spacing: .02em;
    background: #330033;
    padding:.2em;
}
 #nav > ul > li {
     display: inline;
    margin: 0;      
}
 #nav > ul > li a:hover {
 }
 #nav > ul > li > span, #nav > ul > li > a {
     font-size: .85em;
     color: #fff;
     margin: 0 .4em;
}
 #nav > ul > li > span, #nav > ul > li > a:hover {
 }
 #nav > ul > li.active > span, #nav > ul > li.active > a {
}
 
/* Hero */
 #hero {
     position: relative;
     color: #fff;
     text-align: center;
     z-index: 1;
     clear:both;
}
 #hero img {
     margin: 0 0 1em 0;
     max-width: 100%;
}
 #hero h2 {
     font-size: 3em;
}
 #hero strong {
     color: inherit;
}
 #hero header > span {
     color: #fff;
}
 #hero p {
     font-size: 1.5em;
     line-height: 1.5;
}
 #hero .button {
     background: #fff;
     border-color: rgba(255, 255, 255, 0);
     color: #0c0c0c;
}
 .button {
    text-decoration: none;
}
 .button:hover {
     text-decoration: none;
}
 #hero .button:hover {
     border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.15);
     color: #fff;
}
 #hero a {
     border-color: #fff;
     border-color: rgba(255, 255, 255, 0.1);
}
 #hero a:hover {
     border-color: rgba(255, 255, 255, 0);
}
 #hero h2.tagline {
     font-size: 1.8em;
     margin: 0;
     color:#fff;
}
 #hero h1.intro {
     font-size: 4.5em;
     margin:0;
     color: #fefefe;
     margin: 1.6em 0 0 0;
}
/* Promo */
 #promo {
     background: #1a001a;
     border: solid 1px rgba(255, 255, 255, 0.2);
     border-radius: 0.5em;
     padding: 1.75em 2.5em 1.75em 2.5em;
     display: inline-block;
     position: relative;
     z-index: 1;
}
 #promo h2 {
     color: #fff;
     display: inline-block;
     margin-right: 1em;
     font-size: 1.75em;
}
 #promo .button {
     background: #fff;
     border-color: rgba(255, 255, 255, 0);
     color: #0c0c0c;
     font-size: 1.25em;
}
 #promo .button:hover {
     border-color: rgba(255, 255, 255, 0.3);
     background-color: rgba(255, 255, 255, 0.15);
     color: #fff;
     text-decoration: none;
}
/* Main */
 #main {
     padding-bottom: 4em;
}
/* Sidebar */
 #sidebar section {
     border-top: solid 1px #d2d7dc;
     margin-top: 3em;
     padding-top: 3em;
}
 #sidebar section:first-child {
     border-top: 0;
     margin-top: 0;
     padding-top: 0;
}
/* Footer */
 #footer {
     position: relative;
     z-index: 1;
}
 #footer header.major {
     margin-bottom: 3em;
}
/* Copyright */
 #copyright {
     position: relative;
     z-index: 1;
     text-align: center;
     border-top: solid 1px #333;
     padding-top: 4em;
     margin-top: 5em;
     letter-spacing: .02em;
}
/* Normal */
 @media screen and (max-width: 1280px) {
    /* Basic */
     body, input, textarea, select {
         line-height: 1.5;
         font-size: 1.3em;
    }
     span.extra {
         display: none;
    }
    /* Wrappers */
     .wrapper {
         padding: 0 0 5em 0;
    }
     .homepage #header-wrapper {
    }
     #promo-wrapper {
         padding: 5em 0 5em 0;
    }
     #footer-wrapper {
    }
}
/* Narrow */
 @media screen and (max-width: 1080px) {
    /* Header */
     #nav {
    }
}
 @media screen and (max-width: 1080px) {
    /* Sections/Article */
     header br {
         display: none;
    }
     #hero h1.intro {
         font-size: 4em ;
    }
    /* Button */
     input[type="button"], input[type="submit"], input[type="reset"], button, .button {
         padding-left: 1.25em;
         padding-right: 1.25em;
    }
    /* Wrappers */
     .wrapper {
         padding: 0 2em 4em 2em;
    }
     #header-wrapper {
    }
     .homepage #header-wrapper {
    }
     #promo-wrapper {
         padding: 2em;
    }
     .homepage #footer-wrapper {
         padding: 4em 2em 4em 2em;
         margin-top:5em ;
    }
    /* Header */
     #nav {
    }
     #nav > ul > li {
         margin-left: 0;
    }
    /* Hero */
     #hero {
         padding: 4em 4em 0 4em;
    }
     #hero h2 {
         font-size: 1.2em;
    }
     #hero p br {
         display: none;
    }
    /* Promo */
     #promo {
         padding: 1.75em 2.5em 1.75em 2.5em;
         display: inline-block;
    }
     #promo .button {
         font-size: 1.25em;
    }
     #promo h2 {
         display: block;
         margin: 0 0 1em 0;
         font-size: 1.5em;
    }
    /* Copyright */
     #copyright {
         padding-top: 2em;
         margin-top: 3em;
    }
}
/* Narrower */
 @media screen and (max-width: 820px) {
    /* Basic */
     body, input, textarea, select {
         line-height: 1.5;
         font-size: 1.3em;
    }
     #hero h1.intro {
         font-size: 2em;
    }
     span.extra {
         display: inline;
    }
     .features {
         margin-bottom: 0;
    }
    /* Sections/Article */
     section, article {
         margin-bottom: 3em;
    }
     .row > section, .row > article {
         margin-bottom: 3em;
    }
     section:last-child, article:last-child {
         margin-bottom: 0;
    }
     .row > section:last-child, .row > article:last-child {
         margin-bottom: 0;
    }
    /* Menu */
     ul.menu {
         text-align: center;
    }
     ul.menu li {
         display: block;
         border: 0;
         padding: 0;
         margin: 0;
         line-height: 1.5;
    }
     ul.menu li:first-child {
         border-top: 0;
    }
    /* Actions */
     ul.actions.major {
         padding-top: 2em;
    }
    /* Header */
     #nav {
         font-size: 0.9em;
    }
     #nav > ul > li > span, #nav > ul > li > a {
    }
    /* Hero */
     #hero h2 {
         font-size: 2em;
    }
    /* Main */
     #main {
         padding-bottom: 0;
    }
    /* Content */
     #content {
         margin-bottom: 3em;
    }
    /* Sidebar */
     #sidebar {
         margin-bottom: 3em;
    }
     #sidebar section {
         border-top: 0;
         margin-top: 0;
         padding-top: 1em;
    }
    /* Footer */
     #footer header.major {
         margin-bottom: 1.5em;
    }
}
/* Mobile */
 @media screen and (max-width: 81em) {
     #logo {
    }
}
 @media screen and (max-width: 736px) {
    /* Basic */
     html, body {
    }
     body, input, textarea, select {
    }
     h2, #footer-wrapper h2, h2.first {
         font-size: 1.3em;
    }
     h1 {
         font-size: 1.5em;
    }
    /* Sections/Article */
     header {
         margin-bottom: 1em;
    }
     header > p {
         font-size: 1.2em;
    }
    /* Divided */
     ul.divided li {
         padding-top: 0.75em;
         margin-top: 0.75em;
    }
    /* Wrappers */
     .wrapper {
         padding: 0 20px 3em 20px;
    }
     #header-wrapper {
    }
     .homepage #header-wrapper {
    }
     #promo-wrapper {
         padding: 20px;
    }
     #footer-wrapper {
         padding: 3em 20px 3em 20px;
    }
    /* Nav */
     #nav {
    }
    /* Footer */
     #footer ul.divided {
         margin: 0;
    }
     #footer ul.divided li:first-child {
         border-top: solid 1px rgba(255, 255, 255, .2);
         padding-top: 0.75em;
         margin-top: 0.75em;
    }
     #footer ul.divided:first-child li:first-child {
         border-top: 0;
         padding-top: 0;
         margin-top: 0;
    }
    /* Hero */
     #hero {
         padding: 2.5em 2em 0 2em;
    }
     #hero header {
         margin: 0 0 1.25em 0;
    }
     #hero header h2 {
         font-size: 1.5em;
    }
    /* Nav */
     #page-wrapper {
         -moz-backface-visibility: hidden;
         -webkit-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         backface-visibility: hidden;
         -moz-transition: -moz-transform 0.5s ease;
         -webkit-transition: -webkit-transform 0.5s ease;
         -ms-transition: -ms-transform 0.5s ease;
         transition: transform 0.5s ease;
         padding-bottom: 1px;
    }
     body.navPanel-visible #page-wrapper {
         -moz-transform: translateY(50vh);
         -webkit-transform: translateY(50vh);
         -ms-transform: translateY(50vh);
         transform: translateY(50vh);
    }
     body.navPanel-visible #navButton {
         -moz-transform: translateY(50vh);
         -webkit-transform: translateY(50vh);
         -ms-transform: translateY(50vh);
         transform: translateY(50vh);
    }
     body.navPanel-visible #navPanel {
         -moz-transform: translateY(0);
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
}
/* Mobile (Portrait) */
 @media screen and (max-width: 480px) {
    /* Basic */
     body, input, textarea, select {
    }
     .feature {
         text-align: left;
    }
    /* Sections/Article */
     section, article {
         margin-bottom: 2em;
    }
     .row > section, .row > article {
         margin-bottom: 2em;
    }
     #hero h1.intro {
         font-size: 1.6em;
    }
     header.major {
         text-align: left;
    }
    /* Image */
     .image {
         display: block;
    }
     .image.full, .image.left {
         float: none;
         display: block;
         width: 100%;
         margin: 0 0 1.5em 0;
    }
     .image-centered {
         float: none;
         display: block;
         width: 100%;
         margin: 0 0 1.5em 0;
         border: 0;
    }
    /* Actions */
     ul.actions li {
         display: block;
         margin: 1em 0 0 0;
    }
     ul.actions li:first-child {
         margin-top: 0;
    }
     ul.actions.major {
         text-align: left !important;
    }
    /* Form */
     form textarea {
         min-height: 10em;
    }
    /* Button */
     input[type="button"], input[type="submit"], input[type="reset"], button, .button {
         display: block;
         width: 100%;
         text-align: center;
    }
    /* Header */
     #logo {
         position: relative;
         left: 0;
         margin: 0;
         width: 100%;
    }
    /* Hero */
     #hero {
         padding: 2.5em 0 0 0;
    }
    /* Promo */
     #promo {
         padding: 20px;
         font-size: x-small;
    }
    /* Content */
     #content {
         margin-bottom: 2em;
    }
    /* Sidebar */
     #sidebar {
         margin-bottom: 2em;
    }
    /* Footer */
     #footer header.major {
         margin-bottom: 1em;
    }
}