assets/css/style.css

html {
    font-size:100%;
    line-height:1.5em
}
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden] {
    display:none
}
template {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:bold
}
blockquote {
    line-height:1.25;
    color: #6a737d;
    margin:0;
    padding:0
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    line-height:1.5em;
    margin-top:0.75em;
    margin-bottom:0.75em
}
h2 {
    font-size:1.5em;
    line-height:2em;
    margin-top:1em;
    margin-bottom:1em
}
h3 {
    font-size:1.17em;
    line-height:1.28205em;
    margin-top:1.28205em;
    margin-bottom:1.28205em
}
h4 {
    font-size:1em;
    line-height:1.5em;
    margin-top:1.5em;
    margin-bottom:1.5em
}
h5 {
    font-size:0.83em;
    line-height:1.80723em;
    margin-top:1.80723em;
    margin-bottom:1.80723em
}
h6 {
    font-size:0.67em;
    line-height:2.23881em;
    margin-top:2.23881em;
    margin-bottom:2.23881em
}
mark {
    background:#ff0;
    color:#000
}
p,pre {
    margin:1.5em 0
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-0.5em
}
sub {
    bottom:-0.25em
}
dl,menu,ol,ul {
    margin:1.5em 0
}
dd {
    margin:0 0 0 40px
}
menu,ol,ul {
    padding:0 0 0 40px
}
nav ul,nav ol {
    list-style:none;
    list-style-image:none
}
img {
    border:0;
    -ms-interpolation-mode:bicubic
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1.5em 40px
}
hr {
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family: SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;
    border-radius: 3px;
    font-size: 85%;
    margin: 0;
    padding: .2em .4em;
}
form {
    margin:0
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0;
    *font-family:sans-serif;
    *vertical-align:middle
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type="checkbox"],input[type="radio"] {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    margin:0 2px;
    border-color:#c0c0c0;
    border-top-width:0.0625em;
    border-top-style:solid;
    padding-top:0.4625em;
    border-bottom-width:0.0625em;
    border-bottom-style:solid;
    padding-bottom:0.9125em;
    border-left-width:0.0625em;
    border-left-style:solid;
    padding-left:0.875em;
    border-right-width:0.0625em;
    border-right-style:solid;
    padding-right:0.875em
}
legend {
    border:0;
    padding:0;
    *margin-left:-7px
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:bold
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
.button,.button-secondary,.button-tertiary,.button__outline {
    background-color:#2e8b57;
    display:inline-block;
    position:relative;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    text-decoration:none;
    color:#fff;
    font-size:1em;
    line-height:1.2em;
    font-weight:normal;
    padding:.5em 1.5em;
    border:0;
    border-radius:4px;
    cursor:pointer;
    margin-bottom:.5em;
    -moz-transition:background-color 0.14s ease-in-out;
    -o-transition:background-color 0.14s ease-in-out;
    -webkit-transition:background-color 0.14s ease-in-out;
    transition:background-color 0.14s ease-in-out
}
.button:hover,.button-secondary:hover,.button-tertiary:hover,.button__outline:hover,.button:focus,.button-secondary:focus,.button-tertiary:focus,.button__outline:focus {
    color:#fff;
    text-decoration:none;
    background-color:#21653f
}
.button:active,.button-secondary:active,.button-tertiary:active,.button__outline:active {
    top:1px
}
.button-secondary {
    background-color:#233E5B
}
.button-secondary:hover {
    background-color:#152536
}
.button-tertiary {
    background-color:#aaa
}
.button-tertiary:hover {
    background-color:#919191
}
.button__outline {
    background-color:transparent;
    border:3px solid #2e8b57;
    color:#2e8b57
}
.button__outline:hover {
    background-color:#2e8b57;
    color:#fff
}
label {
    display:block;
    margin-bottom:5px
}
input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search],textarea {
    background:#e6e6e6;
    padding:5px;
    outline:none;
    border:none;
    height:44px;
    width:300px;
    margin-bottom:.5rem
}
input[type=text]:focus,input[type=email]:focus,input[type=phone]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus {
    border:1px solid #2e8b57
}
input[type=text].full-width,input[type=email].full-width,input[type=phone].full-width,input[type=password].full-width,input[type=number].full-width,input[type=search].full-width,textarea.full-width {
    width:100%
}
textarea {
    height:132px
}
form {
    margin-bottom:40px
}
form .field {
    margin-bottom:20px
}
form .note {
    margin-top:5px;
    color:#aaa
}
form .req {
    font-style:italic
}
form .error .reason {
    margin-top:5px;
    color:#FF4136
}
form .error input[type=text],form .error input[type=email],form .error input[type=phone],form .error input[type=password],form .error input[type=number],form .error input[type=search],form .error textarea {
    border-color:#FF4136
}
table {
    width:100%;
    border:1px solid #d0d0d0;
    margin-bottom:1.5em
}
table caption {
    margin:0 0 7px;
    font-size:0.75em;
    color:#aaa;
    text-transform:uppercase;
    letter-spacing:1px
}
tr {
    border-bottom:1px solid #d0d0d0
}
tr:nth-child(even) {
    background-color:#f7f7f7
}
td {
    padding:7px;
    border-right:1px solid #d0d0d0
}
td:last-child {
    border-right:0
}
th {
    background-color:#f7f7f7;
    border-bottom:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0
}
th:last-child {
    border-right:0
}

body {
    font-size:1em;
    line-height:1.45
}
body .intro {
    font-size:1.25em;
    line-height:1.7
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin:.5rem 0 1.5rem;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
h1,.h1 {
    font-size:2em;
    line-height:1.25
}
h2,.h2 {
    font-size:1.7em;
    line-height:1.15384615
}
h3,.h3 {
    font-size:1.4em;
    line-height:1.13636364
}
h4,.h4 {
    font-size:1.25em;
    line-height:1.11111111
}
h5,.h5 {
    font-size:1.1em;
    line-height:1.11111111
}

@media (min-width: 43.75em) {
    body {
        font-size:1em;
        line-height:1.375;
        text-align:justify;
    }
    h1,.h1 {
        font-size:2.5em;
        line-height:1.125
    }
    h2,.h2 {
        font-size:2em;
        line-height:1.25
    }
    h3,.h3 {
        font-size:1.5em;
        line-height:1.25
    }
    h4,.h4 {
        line-height:1.22222222
    }
    blockquote {
        line-height:1.45833333
    }
}
@media (min-width: 56.25em) {
    h1,.h1 {
        font-size:2.75em;
        line-height:1.05
    }
    h2,.h2 {
        font-size:2.25em;
        line-height:1.25
    }
    h3,.h3 {
        font-size:1.75em;
        line-height:1.25
    }
}

.clearfix {
    zoom:1
}
.clearfix:before,.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after {
    clear:both
}
html {
    box-sizing:border-box
}
*,*:before,*:after {
    box-sizing:inherit
}
body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 16px;
    line-height:1.50;
    overflow-x:hidden
}
body p,body ul {
    margin:0 0 0.25rem;
}
::-moz-selection {
    background:#2e8b57;
    color:white
}
::selection {
    background:#2e8b57;
    color:white
}
img,video,audio,iframe,object {
    max-width:100%
}
.container {
    max-width:610px;
    margin-left:auto;
    margin-right:auto;
    padding:0 20px
}
.container:after {
    content:" ";
    display:block;
    clear:both
}
a {
    color:#2e8b57
}
a:hover {
    color:#1b5233
}
.nav-collapse {
    z-index:1
}
.nav-collapse ul {
    margin:0;
    padding:0;
    width:100%;
    display:block;
    list-style:none
}
.nav-collapse ul li {
    width:100%;
    display:block;
    background:#2e8b57;
    border-bottom:2px solid #349e63
}
.nav-collapse ul li a {
    color:white;
    text-decoration:none;
    display:block;
    padding:5px 2rem
}
.js .nav-collapse {
    clip:rect(0 0 0 0);
    max-height:0;
    position:absolute;
    display:block;
    overflow:hidden;
    zoom:1;
    clear:both;
    width:100%
}
.nav-collapse.opened {
    max-height:9999px
}
.nav-toggle {
    user-select:none;
    float:right;
    line-height:2em;
    margin-top:.5em;
    background-color:#2e8b57;
    border-radius:4px;
    padding:0 .5em;
    color:white;
    text-decoration:none;
    position:relative;
    right:2rem;
}
.nav-toggle:hover {
    color:white;
    background-color:#21653f
}
.noList {
    list-style:none;
    padding-left:0;
    margin-left:0
}
dt {
    font-weight:bold
}
dd {
    margin:0 0 1.5rem
}
.post ul ul,.post ul ol,.post ol ul,.post ol ol {
    margin:0
}
.pageTitle {
    margin:2rem auto 1em;
    text-align:center
}
.content {
    padding-top:1em
}
.header {
    background-color:#2e8b57;
    background-image:url("../img/touring.jpg");
    background-size:cover;
    background-position:center center;
    color:white;
    padding:0;
    height:3em
}
.header .container {
    padding:0;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.header .container:after {
    content:" ";
    display:block;
    clear:both
}
.header h1 {
    margin:0;
    float:left;
    padding-left:2rem;
    font-size:1em;
    line-height:3em;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:800;
    text-transform:uppercase
}
.header h1 a {
    color:white;
    text-decoration:none
}
.post .postTitle {
    text-align:center;
    margin-top:2rem;
    margin-bottom:1rem
}
.post blockquote {
    clear:both;
    border-left: .25em solid #dfe2e5;
    padding:0 1em;
    line-height:1.8;
    position:relative
}
.post .meta {
    text-align:center;
    color:gray;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:300
}
.post figure {
    margin:3rem 0
}
.post figure figcaption {
    text-align:center;
    font-size:.9em;
    font-style:italic;
    color:#5e5e5e
}
.post figure img {
    margin:0 auto;
    display:block
}
.post .dropcap {
    color:#2e8b57;
    margin-right:.45rem
}
.post .featuredImage {
    position:relative;
    margin-top:2rem
}
.post .featuredImage img {
    margin-bottom:0
}
.postNav {
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    overflow:hidden
}
.postNav .prev,.postNav .next {
    display:block;
    width:100%;
    height:5rem;
    overflow:hidden;
    position:relative;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:800;
    font-size:.9em;
    text-transform:uppercase;
    text-align:center
}
.postNav .prev img,.postNav .next img {
    z-index:1;
    display:block;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    width:100%;
    .
            height:auto
}
.postNav .prev span,.postNav .next span {
    z-index:10;
    position:relative;
    padding:.5rem;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    line-height:1.4
}
.postNav .prev.image,.postNav .next.image {
    text-decoration:none;
    color:white;
    text-shadow:1px 1px 3px rgba(0,0,0,0.8);
    padding:0 .5rem;
    position:relative;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.postNav .prev:hover.image,.postNav .next:hover.image {
    opacity:.8
}
.postNav .prev span {
    left:0
}
.postNav .next span {
    right:0
}
.footer {
    text-align:center;
    padding:2rem 0
}
.footer .container {
    border-top:4px solid #d9d9d9;
    padding-top:.5em;
    max-width:90%;
    margin-left:auto;
    margin-right:auto
}
.footer .container:after {
    content:" ";
    display:block;
    clear:both
}
.footer .copy,.footer .footer-links {
    font-size:.8em
}
.footer .copy {
    margin-bottom:1rem
}
.footer-links ul {
    text-align:center
}
.footer-links ul li {
    display:inline-block
}
.footer-links ul li a {
    display:inline-block;
    width:30px;
    height:30px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.footer-links ul li a svg {
    display:block;
    width:100%;
    height:100%
}
.footer-links ul li a svg .outer-shape {
    fill:#2e8b57
}
.footer-links ul li a svg .inner-shape {
    fill:white
}
.footer-links ul li:hover a svg .outer-shape {
    fill:#21653f
}
.pagination .next {
    float:left
}
.pagination .previous {
    float:right
}
.posts li:before {
    content:"";
    position:absolute;
    bottom:-2rem;
    left:0;
    background:#e6e6e6;
    height:2px;
    width:60px
}
.posts li a {
    text-decoration:none
}
.posts li a:hover {
    text-decoration:underline
}
.posts li .date {
    color:gray;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:300;
    font-size:.8em
}
.posts li h3 {
    margin:0 0 .5em
}

@media only screen and (min-width: 900px) {
    .content {
        padding-top:0;
        position:relative;
        z-index:1
    }
    .content:after {
        z-index:-1;
        background:white;
        content:"";
        display:block;
        width:100%;
        height:5em;
        position:absolute;
        top:-2em;
        left:0;
        -webkit-transform:skewY(-2deg);
        -ms-transform:skewY(-2deg);
        transform:skewY(-2deg);
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left
    }
    .container {
        max-width:900px;
        margin-left:auto;
        margin-right:auto;
        padding:0
    }
    .container:after {
        content:" ";
        display:block;
        clear:both
    }
    #home .posts,#home .pageTitle,#home .pagination {
        width:80%;
        float:left;
        margin-right:2.12766%;
        float:none;
        margin:0 auto 1.5em
    }
    #home .pageTitle {
        margin:2rem auto 1em
    }
    .header {
        height:15em;
        position:relative;
        padding-bottom:2em
    }
    .header .container {
        position:relative;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        max-width:900px;
        margin-left:auto;
        margin-right:auto
    }
    .header .container:after {
        content:" ";
        display:block;
        clear:both
    }
    .header h1 {
        font-size:3em;
        line-height:1;
        letter-spacing:-3px;
        padding-left:0
    }
    .header nav {
        float:left;
        clear:left
    }
    .header nav ul {
        margin:0
    }
    .header nav ul li {
        display:inline;
        line-height:3em;
        background:none;
        padding:0 5px;
        border:none
    }
    .header nav ul li a {
        color:white;
        font-size:.9em;
        text-decoration:none;
        padding:0 .25em
    }
    .header nav ul li a:hover {
        color:#ccc
    }
    .header nav ul li.current {
        padding-bottom:.25em;
        border-bottom:4px solid rgba(255,255,255,0.4)
    }
    .js .nav-collapse {
        position:relative;
        max-height:none
    }
    .js .nav-collapse.closed {
        max-height:none
    }
    .js .nav-collapse ul li a {
        display:inline-block
    }
    .nav-toggle {
        display:none
    }
    .post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post p,.post ul,.post ol,.post dl,.post .pageTitle {
        width:100%;
        float:left;
        margin-right:2.12766%;
        float:none;
        margin:0.75rem auto 0.25rem
    }
    .post h1,.post .h1,.post h2,.post .h2,.post h3,.post .h3,.post h4,.post .h4,.post h5,.post .h5,.post h6,.post .h6 {
        margin:1rem auto
    }
    .post ol p, .post ul p {
        margin:0
    }
    .post .pageTitle {
        margin:2rem auto 1em
    }
    .post .featuredImage {
        position:relative;
        margin-top:2rem
    }
    .post .featuredImage:before {
        background:white;
        content:"";
        display:block;
        width:100%;
        height:4em;
        position:absolute;
        top:-2em;
        left:0;
        -webkit-transform:skewY(-2deg);
        -ms-transform:skewY(-2deg);
        transform:skewY(-2deg);
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left
    }
    .postNav .prev,.postNav .next {
        width:50%
    }
    .postNav .prev {
        float:left;
        text-align:left
    }
    .postNav .next {
        text-align:right;
        float:right
    }
    .footer-links {
        float:right
    }
    .footer .copy {
        float:left
    }
    .footer .container {
        padding:1rem 0;
        max-width:900px;
        margin-left:auto;
        margin-right:auto
    }
    .footer .container:after {
        content:" ";
        display:block;
        clear:both
    }
    .contactContent {
        width:48.93617%;
        float:left;
        margin-right:2.12766%
    }
    #contact form {
        width:48.93617%;
        float:right;
        margin-right:0
    }
}

.markdown-body {
	box-sizing: border-box;
	min-width: 200px;
	max-width: 980px;
	margin: 0 auto;
	padding: 45px;
}

@media (max-width: 767px) {
	.markdown-body {
		padding: 15px;
	}
    .markdown-body img {
        width: 100%;
    }
}
