
/** Social Icons */

    @font-face {
        font-family: "Socicon";
        src:url("socicon.eot");
        src:url("socicon.eot?#iefix") format("embedded-opentype"),
            url("socicon.woff") format("woff"),
            url("socicon.ttf") format("truetype"),
            url("socicon.svg#socicon") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    [class^="social-"],
    [class*=" social-"] {
        width: 1;
        /* overflow: hidden;*/
        font-style: normal;
    }

    a:hover [class^="social-"]:before,
    a:hover [class*=" social-"]:before {
        text-decoration: none !important;
    }

    [class^="social-"]:before,
    [class*=" social-"]:before {
        font-family: "Socicon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        text-decoration: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left: 0.23em;
        padding-right: 0.23em;
    }

    .social-tripadvisor:before {
      content: "\e012 ";
    }

    .social-mail:before {
      content: "\e01f";
    }

    .social-twitter:before {
      content: "\e040 ";
    }

    .social-facebook:before {
      content: "\e041 ";
    }

    .social-youtube:before {
      content: "\e051";
    }

    .social-instagram:before {
      content: "\e057 ";
    }

    .social-phone:before {
      content: "\e071 ";
    }

/* // Social Icons **/

/** Basic Styles */

    html, body {
/*         font-family: "Open Sans";*/
/*         font-family: -apple-system, BlinkMacSystemFont;*/
        font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 16px;
    }

    *::selection {
        background: rgba(0,153,204,0.3);
        color: inherit;
    }

    a,
    a:link,
    a:visited,
    a:active,
    a:any-link {
        color: #75704f;
        text-decoration: none !important;
    }

    a:-webkit-any-link {
        color: #75704f;
        text-decoration: none !important;
    }

    a:hover {
        color: #721;
    }

    hr.striped {
        margin: 2em 0;
        padding: 0;
        padding-bottom: 1.5em;
        width: 100%;
        background: url('/assets/stripes@2x.png');
        background-size: 350px;
        border: none;
    }

    .text-indent {
        padding-left: 1em;
        padding-right: 1em;
    }

    .image-contain {
        object-fit: contain;
    }

    .image-cover {
        object-fit: cover;
    }

    .embed-responsive {
        background-color: #666;
    }

    @media screen and (min-width: 768px) {
        .text-indent {
            padding-left: 3em;
            padding-right: 3em;
        }
    }

    /** Typography */

        p.written {
            text-align: center;
        }

        .written {
            font-family: 'Nothing You Could Do', 'Georgia', serif;
            line-height: 2;
        }

        .written b {
            font-weight: normal;
            white-space: nowrap;
        }

        .lead {
            font-size: 1.3rem;
        }

        .lede.written {
            font-size: 2em;
            letter-spacing: .04em;
        }

        .initial {
            font-size: 2.2em;
            float: left;
            margin-right: 0.5em;
            margin-bottom: 1em;
        }

        .initial.icon {
            padding: .5em 0.1em;
            float: left;
            font-size: 2.2em;
            border-radius: 50%;
            line-height: 1;
            border: 1px solid black;
        }

        a.social {
            display: inline-block;
            border: 1px solid #75704f;
            border-radius: 50%;
            width: 1.8em;
            height: 1.8em;
            padding: 0;
            line-height: 2;
        }

        a.social:hover {
            text-decoration: none;
            text-shadow: 0 0 15px rgba(153,68,17,0.3);
        }

    /* // Typography **/

    /** Lists */

        .document ul {
            padding-left: 0;
            list-style-type: none;
        }

        .document ul > li {
            padding-left: 15px;
        }

        .document ul > li::before {
            width: 12px;
            float: left;
            position: relative;
            left: -12px;
            top: 1px;
            content:'\2022'; 
            margin-right: -12px;
            text-align: left; 
        }

        ul.inline {
            list-style-type: none;
            padding: 0;
        }

        ul.inline > li {
            display: inline;
            display: inline-block;
            margin: 0 0.2em 0.2em 0;
        }

    /* - **/

    /** Forms */

        .form-contact {
            max-width: 20em;
            margin: 0 auto;
        }

        .form-contact .form-group .form-control,
        .form-contact .btn-primary {
            width: 100%;
            background: white;
            border: 2px solid #75704f;
            border-radius: 2px;
        }

        .form-contact .form-group .form-control::placeholder {
            color: #75704f;
            opacity: 60%;
        }

        .form-contact .form-group .form-control:focus {
            background: #ffc;
        }

        .form-contact .btn-primary {
            background: black;
            color: white;
        }

        @media screen {
            form fieldset,
            form fieldset label.control-label,
            form fieldset input.form-control,
            form fieldset textarea.form-control,
            form fieldset select.form-control {
                font-size: 16px;
                max-width: 100%;
            }
        }

        @media screen and (min-width: 768px) {
            form fieldset,
            form fieldset label.control-label,
            form fieldset input.form-control,
            form fieldset textarea.form-control,
            form fieldset select.form-control {
                font-size: inherit;
            }
        }

        form fieldset input.form-control.text,
        form fieldset input.form-control.date,
        form fieldset textarea.form-control,
        form fieldset select.form-control,
        form fieldset select[multiple].form-control {
            background: #f6f6f6;
            border: 1px solid white;
            border-bottom-width: 0;
            box-shadow: inset 2px 2px 1em rgba(0,0,0,.1);
            border-radius: 0px;
        }

        form fieldset select.form-control {
            box-shadow: inset -1px -1px 0.3em rgba(0,0,0,.2);
            border-color: #ddd #ccc #bbb;
        }

        form fieldset button.btn-primary {
            box-shadow: 0 1px 0 #159;
        }

        footer form input.form-control[type=text],
        footer form input.form-control[type=email] {
            width: 100%;
        }

    /* // Forms **/

    /** Documents */

        .hero {
            padding: 1em 0;
            font-size: 1.4em;
        }

        .hero.small {
            font-size: 1em;
        }

        .hero .container {
            padding: 0 8.3333333%;
        }

        .hero .lede {
            margin-top: 1.7em;
            margin-bottom: 1.7em;
        }

        @media screen and (min-width: 768px) {
            .hero .container {
                padding: 0 12.5%;
            }
        }

        .hero h2 {
            font-weight: normal;
            letter-spacing: 0.03em;
        }

        figure {
            margin: 0 0 1em;
        }

        /** Media */

            .image,
            .tube {
                width: 100%;
                margin: 0 0 1em;
            }

            .image img,
            .tube iframe,
            p iframe,
            div iframe {
                width: 100%;
                max-width: 100%;
                border: none;
            }

            .image .center {
                text-align: center;
            }

            .image .img.center img {
                width: auto;
            }

            img {
                max-width: 100%;
                height: 100%;
            }

            .row .wp-caption {
                width: 100% !important;
            }

            .row img {
                max-width: 100%;
                width: auto; /* why? wordpress? */
                height: auto;
            }

            img.full-width {
                width: 100%;
                max-width: 100%;
            }

            .lightbox {
                margin-top: 1em;
                margin-bottom: 1em;
                padding-top: 0.6em;
                padding-bottom: 0;
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
                border-top: 1px solid #e6e1d4;
                border-bottom: 1px solid #e6e1d4;
            }

            .lightbox .row {
                margin-left: -5px;
                margin-right: -5px;
            }

            @media screen and (min-width: 992px) {
                .lightbox {
                    margin-left: -34%;
                }
            }

            .lightbox .row .col-xs-4 {
                padding-left: 5px;
                padding-right: 5px;
            }

            .lightbox .thumbnail {
                border: none;
                padding: 0 0 1px;
                margin-bottom: 0.6em;
                background: #eee;
                background: #e6e1d4;
                display: inline-block;
                border-radius: 6px;
            }

            .lightbox .thumbnail img {
                width: 100%;
                height: 60%;
            }

            .img.leftie,
            .img.rightie {
                margin-bottom: 0.8em;
            }

            @media screen and (min-width: 640px) {
                .img.leftie {
                    float: left;
                    margin: 0 0.8em 0.8em 0;
                    max-width: 50%;
                }

                .img.rightie {
                    float: right;
                    margin: 0 0 0.8em 0.8em;
                    max-width: 50%;
                }
            }

            .pad-bottom {
                padding-bottom: 4em;
            }

            .tube iframe {
                height: 310px;
            }

            .icon {
                float: left;
            }

            .icon.right {
                float: right;
            }

            .icon.inline-photo {
                margin: 0;
                padding: 1px;
                float: none;
                display: inline-block;
            }

            .main p img {
                display: inline-block;
                padding-bottom: 0.5em;
            }

            .row .media .media-left img {
                max-width: 100px;
                width: 64px;
            }

        /* - **/

        /** Madlibs */

            .madlibs p {
                line-height: 2.2;
                text-shadow: 0 1px 0 #f6f6f6;
            }

            .madlibs p form {
                display: inline;
                padding: 0;
                margin: 0;
            }

            .madlibs p .btn {
                padding: 0 .7em;
                line-height: 1.8;
                margin-top: -.1em;
                font-size: inherit;
                text-shadow: 0 1px 0 rgba(0,0,0,0.3);
            }

            .madlibs.shaded {
                background: #f6f6f6 url('/assets/images/pinstripe.png');
                margin: -0.5em -15px;
                padding: 0.5em 15px 0.1em;
            }

            @media screen and (min-width: 768px) {
                .madlibs.shaded {
                    border-radius: 0.6em;
                }
            }

        /* - **/

        /** Quotes */

            blockquote {
                border-left: none;
                margin: 2em 0 1em;
                padding: 0 0 0.1em 2em;
                font-family: "Georgia";
                font-style: italic;
                font-size: 1.2em;
                position: relative;
            }

            blockquote:before {
                display: block;
                padding-left: 10px;
                content: "\201C";
                font-size: 5em;
                font-weight: bold;
                position: absolute;
                left: -.30em;
                top: -.35em;
                z-index: -1;
                color: #ddd;
            }

            @media screen and (min-width: 840px) {
                blockquote:before {
                    font-size: 6em;
                    left: -.50em;
                    top: -.35em;
                }
            }

            /*
            blockquote p {
                color: #069;
                font-style: italic;
            }

            blockquote h4 {
                margin-top: -0.4em;
                text-align: right;
                font-size: 1em;
                font-weight: bold;
                letter-spacing: 0;
            }
            */

        /* **/

    /* - **/

    /** Column Extras */

        @media screen and (min-width: 576px) {
            .footer-menu > div:nth-of-type(2n):before {
                background: #e3e3e3;
                background-color: rgba(0,0,0,0.1);
                bottom: 0;
                content: " ";
                left: -1px;
                position: absolute;
                width: 1px;
                top: 0;
            }
        }

        @media screen and (min-width: 768px) {
            .footer-menu > div + div:before {
                background: #e3e3e3;
                background-color: rgba(0,0,0,0.1);
                bottom: 0;
                content: " ";
                left: -1px;
                position: absolute;
                width: 1px;
                top: 0;
            }
        }

        .divider-left:before {
            background: #e3e3e3;
            background-color: rgba(0,0,0,0.1);
            bottom: 0;
            content: " ";
            left: -1px;
            position: absolute;
            width: 1px;
            top: 0;
        }

        .divider-right:after {
            background: #e3e3e3;
            background-color: rgba(0,0,0,0.1);
            bottom: 0;
            content: " ";
            right: -1px;
            position: absolute;
            width: 1px;
            top: 0;
        }

    /* // Column Extras **/

    /** Definition Lists */

        dl.tabular {
            margin-left: -10px;
            margin-top: 0;
        }

        dl.tabular::after {
            content: " ";
            height: 0;
            float: left;
            clear: both;
        }

        dl.tabular dt,
        dl.tabular dd {
            margin-top: 0.3em;
            padding-top: 0;
            padding-left: 10px;
            /* box-sizing: border-box;*/
        }

        dl.tabular dt {
            width: 36%;
            float: left;
            clear: both;
            border: none;
            font-weight: normal;
        }

        dl.tabular.header-right dt {
            text-align: right;
        }

        dl.tabular dd {
            width: 64%;
            float: right;
            margin-bottom: 0.5em;
            font-weight: bold;
        }

        dl dt.large {
            font-size: 2.4em;
        }

    /* // Definition Lists **/

    /** Media Lists */

        /* Used for index pages */

        .safari.full .summary-listing {
            padding-top: 50px;
        }

        a.media,
        a.media:any-link,
        a.media:visited {
            color: black;
        }

        .media {
            align-self: flex-start;
        }

        .media-image {
            position: relative;
            width: 4.5em;
            padding-bottom: 4.5em;
        }

        .media-image img {
            position: absolute;
            object-fit: cover;
            top: 0;
            left: 0;
            border-radius: 50%;
            min-width: 100%;
            min-height: 100%;
            border: 1px solid #bbb;
            padding: 2px;
        }

        a.media:hover {
            color: #75704f;
        }

        a.media:hover .media-image img {
            border-color: #75704f;
        }

    /* // Media Lists **/

/* // Basic Styles **/

/** Header */

    /** Logo */

        .logo .tab {
            position: relative;
            display: block;
            text-align: center;
            padding: 20px 10px 20px;
            z-index: 1;
        }

        .logo .tab img {
            width: 90%;
            max-width: 360px;
        }

    /* // Logo **/

    /** Navbar */

        .navbar.navbar-default {
            display: block;
            z-index: 1;
/*            position: sticky;*/
            top: 0;
            padding: 0;
            background: transparent;
            border: 0;
            border-radius: 0;
            font-size: 1em;
            letter-spacing: 0.02em;
        }

        .navbar.navbar-default *,
        .navbar.navbar-default .navbar-nav li > a,
        .navbar.navbar-default .navbar-nav li > a:hover {
            font-weight: normal;
            color: #75704f;
        }

        .navbar.navbar-default .navbar-collapse {
            width: 100%;
        }

        .navbar.navbar-default .navbar-nav {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: center;
        }

        .navbar.navbar-default .navbar-nav li {
            background: transparent;
        }

        .navbar.navbar-default .navbar-nav li > a {
            display: block;
            cursor: pointer;
            margin: 0;
            padding: 0.5rem 1rem;
        }

        .navbar.navbar-default .navbar-nav li > a,
        .navbar.navbar-default .navbar-nav li > a:active {
            background: rgba(255,255,255,0.1);
        }

        .navbar.navbar-default .navbar-nav li > a:hover {
            background: rgba(0,0,0,0.1);
        }

        .navbar-toggler {
            display: none;
            background-color: #75704f;
            position: fixed;
            right: 10px;
            top: 10px;
            z-index: 2;
        }

        .navbar-toggler:hover {
            background-color: #86805a;
        }

    /* // Navbar **/

    /** Small Screen */

        @media screen and (max-width: 480px) {
            .logo .tab {
                padding-top: 60px;
            }

            .navbar-toggler {
                display: block;
            }

            .navbar.navbar-default .navbar-collapse {
                background: #333;
                position: fixed;
                top: 0;
                right: 0;
                width: 100%;
                width: 100vw;
                width: -webkit-fill-available;
                max-height: 0;
                margin: 0 -15px;
                overflow: hidden;
/*                background: rgba(255,255,255,0.6);*/
/*                max-height: 0;*/
                transition: max-height 0.25s ease-out;
            }

            .navbar.navbar-default .navbar-collapse.show {
                transition: max-height 0.25s ease-in;
                max-height: 100vh;
                display: block;
            }

            .navbar.navbar-default .navbar-nav {
                padding: 60px 0 20px;
                width: 100vw;
                flex-direction: column;
            }

            .navbar.navbar-default .navbar-nav li {
                border-bottom: 1px dotted #000;
                width: 100%;
                text-align: center;
            }

            .navbar.navbar-default .navbar-nav li > a {
                color: #fff;
                background: transparent;
                width: 100%;
                text-align: center;
            }
        }

    /* // Small Screen **/

    /** Large Screen */

/*        @media screen and (min-width: 768px) {
            body {
                display: grid;
                grid-template-columns: 66.66666667% 33.33333333%;
                grid-template-rows: 40px 170px 80px auto;
                grid-template-areas: "navbar logo" "content logo" "content action" "content ." "footer footer";
            }

            header.logo {
                grid-area: logo;
            }

            nav.navbar {
                grid-area: navbar;
            }

            div.action {
                grid-area: action;
            }

            div.document {
                grid-area: content;
            }

            footer.footer {
                grid-area: footer;
            }
        }
*/
        @media screen and (min-width: 768px) {
            .logo {
                background: transparent;
                padding: 0;
                height: 0;
            }

            .logo img {
                width: 336px;
                max-width: 100%;
            }

            .logo .container {
                position: relative;
            }

            .logo .tab {
                position: absolute;
                /* left: 515px;*/
                /* left: 510px;*/
                left: 66.66666667%;
                width: 33.33333333%;
                background: white;
                background: transparent;
                background: white;
                padding: 15px;
                padding-top: 5em;
                /* padding-top: 110px;*/
                padding-bottom: 30px;
                border: 1px dashed #ddd;
                border-width: 0 1px;
                /* border-radius: 0 0 0.3em 0.3em;*/
            }

            .navbar.navbar-default {
                margin: 0;
            }

            .navbar.navbar-default .navbar-nav {
                justify-content: flex-start;
                margin-left: -1rem;
            }
        }

    /* // Large Screen **/

    /** Full Page Header */

        .full .logo .tab {
            background: transparent;
            border-color: #75704f;
            border-color: transparent;
        }

        .full .navbar.navbar-default {
            margin-bottom: -272px;
        }

        @media screen and (max-width: 480px) {
            .full .logo {
                position: relative;
                height: 0;
                padding-bottom: 60px;
                margin-bottom: -60px;
            }

            .full .navbar.navbar-default {
                margin-bottom: 0;
            }
        }

        @media screen and (min-width: 768px) {
            .full .navbar.navbar-default {
                margin-bottom: -40px;
            }
        }

    /* // Full Page Header **/

/* // Navbar **/

/** Carousel */

    .carousel {
        border-radius: 0;
        background-image: radial-gradient(rgba(0,0,0,.0001) 0, rgba(0,0,0,.05) 100%);
        background-color: #d7efff;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .carousel .carousel-inner .carousel-item {
        border-radius: 0;
        background-position: center center;
        background-size: cover;
        width: 100%;
/*        height: 300px;*/
    }

    @media screen and (min-width: 480px) {
        .container .carousel,
        .container .carousel .carousel-inner .carousel-item {
/*            height: 360px;*/
        }
    }

    .container .carousel .carousel-control {
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 10%, rgba(0,0,0,.2) 100%);
    }

    .container .carousel .carousel-control.left {
        background-image: linear-gradient(to left,rgba(0,0,0,.0001) 10%, rgba(0,0,0,.2) 100%);
    }

/* // Carousel **/

/** Slider (Alternate Carousel) */

    .slider {
        position: relative;
        height: 100vh;
        overflow: hidden;
    }

    @media screen and (max-width: 480px) {
        .slider {
            height: -webkit-fill-available;
            height: fill-available;
            height: stretch;
        }
    }

    .slider label {
        cursor: pointer;
    }

    .slider > input {
        display: none;
    }

    .slider > .slider-deck {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #bbb;
    }

    /** Slide */

        .slider > .slider-deck > .slider-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            list-style: none;
        }

    /* // Slide **/

    /** Arrows */

        .slider > .slider-arrow {
            display: block !important;
            position: absolute;
            top: 60%;
            width: 40%;
            height: 3em;
            font-weight: bold;
        }

        .slider > .slider-arrow.slider-back {
            left: 5%;
            text-align: left;
        }

        .slider > .slider-arrow.slider-next {
            right: 5%;
            text-align: right;
        }

        .slider > .slider-arrow > label {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 3em;
        }

    /* // Arrows **/

    /** Dots */

        .slider > .slider-dot {
            display: block !important;
            position: absolute;
            left: 25%;
            bottom: .8rem;
            text-align: center;
            width: 50%;
            font-size: 0;
        }

        .slider > .slider-dot > label {
            position: relative;
            display: inline-block;
            margin: 0.8rem .5rem;
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 50%;
        }

    /* // Dots **/

    /** Interactivity */

        .slider > .slider-deck > .slider-item {
            opacity: 0;
            transition: all 1200ms ease;
        }

        .slider > .slider-at-1:checked ~ .slider-deck > .slider-item.slide-1,
        .slider > .slider-at-2:checked ~ .slider-deck > .slider-item.slide-2,
        .slider > .slider-at-3:checked ~ .slider-deck > .slider-item.slide-3,
        .slider > .slider-at-4:checked ~ .slider-deck > .slider-item.slide-4,
        .slider > .slider-at-5:checked ~ .slider-deck > .slider-item.slide-5,
        .slider > .slider-at-6:checked ~ .slider-deck > .slider-item.slide-6,
        .slider > .slider-at-7:checked ~ .slider-deck > .slider-item.slide-7,
        .slider > .slider-at-8:checked ~ .slider-deck > .slider-item.slide-8,
        .slider > .slider-at-9:checked ~ .slider-deck > .slider-item.slide-9,
        .slider > .slider-at-10:checked ~ .slider-deck > .slider-item.slide-10,
        .slider > .slider-at-11:checked ~ .slider-deck > .slider-item.slide-11,
        .slider > .slider-at-12:checked ~ .slider-deck > .slider-item.slide-12 {
            opacity: 1;
        }

        .slider > .slider-arrow > label {
            transition: all 0.5s ease, color none;
            color: #fff;
            opacity: 0;
            visibility: hidden;
        }

        .slider > .slider-arrow > label:hover {
            color: #75704f !important;
        }

        .slider > .slider-at-1:checked ~ .slider-arrow > label.slide-1,
        .slider > .slider-at-2:checked ~ .slider-arrow > label.slide-2,
        .slider > .slider-at-3:checked ~ .slider-arrow > label.slide-3,
        .slider > .slider-at-4:checked ~ .slider-arrow > label.slide-4,
        .slider > .slider-at-5:checked ~ .slider-arrow > label.slide-5,
        .slider > .slider-at-6:checked ~ .slider-arrow > label.slide-6,
        .slider > .slider-at-7:checked ~ .slider-arrow > label.slide-7,
        .slider > .slider-at-8:checked ~ .slider-arrow > label.slide-8,
        .slider > .slider-at-9:checked ~ .slider-arrow > label.slide-9,
        .slider > .slider-at-10:checked ~ .slider-arrow > label.slide-10,
        .slider > .slider-at-11:checked ~ .slider-arrow > label.slide-11,
        .slider > .slider-at-12:checked ~ .slider-arrow > label.slide-12 {
            opacity: 1;
            visibility: visible;
        }

        .slider > .slider-dot > label {
            background-color: #ddd;
            opacity: 0.5;
        }

        .slider > .slider-dot > label:hover {
            background-color: #75704f !important;
            opacity: 1 !important;
        }

        .slider > .slider-at-1:checked ~ .slider-dot > label.slide-1,
        .slider > .slider-at-2:checked ~ .slider-dot > label.slide-2,
        .slider > .slider-at-3:checked ~ .slider-dot > label.slide-3,
        .slider > .slider-at-4:checked ~ .slider-dot > label.slide-4,
        .slider > .slider-at-5:checked ~ .slider-dot > label.slide-5,
        .slider > .slider-at-6:checked ~ .slider-dot > label.slide-6,
        .slider > .slider-at-7:checked ~ .slider-dot > label.slide-7,
        .slider > .slider-at-8:checked ~ .slider-dot > label.slide-8,
        .slider > .slider-at-9:checked ~ .slider-dot > label.slide-9,
        .slider > .slider-at-10:checked ~ .slider-dot > label.slide-10,
        .slider > .slider-at-11:checked ~ .slider-dot > label.slide-11,
        .slider > .slider-at-12:checked ~ .slider-dot > label.slide-12 {
            background-color: #fff;
            opacity: 1;
        }

    /* Interactivity **/

    /** Autoplay */

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item {
            transition: none;   
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label,
        .slider > .slider-autoplay:checked ~ .slider-dot > label {
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        /** Slide Delays */

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-1,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-1,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-1 {
            animation-delay: -2000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-2,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-2,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-2 {
            animation-delay: 6000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-3,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-3,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-3 {
            animation-delay: 14000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-4,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-4,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-4 {
            animation-delay: 22000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-5,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-5,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-5 {
            animation-delay: 30000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-6,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-6,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-6 {
            animation-delay: 38000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-7,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-7,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-7 {
            animation-delay: 46000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-8,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-8,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-8 {
            animation-delay: 54000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-9,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-9,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-9 {
            animation-delay: 62000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-10,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-10,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-10 {
            animation-delay: 70000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-11,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-11,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-11 {
            animation-delay: 78000ms;
        }

        .slider > .slider-autoplay:checked ~ .slider-deck > .slider-item.slide-12,
        .slider > .slider-autoplay:checked ~ .slider-arrow > label.slide-12,
        .slider > .slider-autoplay:checked ~ .slider-dot > label.slide-12 {
            animation-delay: 86000ms;
        }

        /* // Slide Delays **/
    
        /** Slider Keyframes */

            /** Two Slides */
            
            .slider.slider-2 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-2 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-2 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 16000ms;
            }

            @keyframes slider-2-slides {
                12%, 50% {opacity: 1;}
                0%, 60%, 100% {opacity: 0;}
            }

            .slider.slider-2 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-2-slides;
            }

            @keyframes slider-2-arrows {
                2.5%, 53.11875% {visibility: visible; opacity: 1;}
                2.49375%, 53.125%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-2 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-2-arrows;
            }

            @keyframes slider-2-dots {
                3.125%, 50% {background-color: #fff; opacity: 1;}
                0%, 53.125%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-2 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-2-dots;
            }

            /* // Two Slides **/

            /** Three Slides */
            
            .slider.slider-3 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-3 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-3 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 24000ms;
            }

            @keyframes slider-3-slides {
                8%, 33.33333% {opacity: 1;}
                0%, 40%, 100% {opacity: 0;}
            }

            .slider.slider-3 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-3-slides;
            }

            @keyframes slider-3-arrows {
                1.66667%, 35.4125% {visibility: visible; opacity: 1;}
                1.6625%, 35.41667%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-3 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-3-arrows;
            }

            @keyframes slider-3-dots {
                2.08333%, 33.33333% {background-color: #fff; opacity: 1;}
                0%, 35.41667%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-3 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-3-dots;
            }

            /* // Three Slides **/

            /** Four Slides */
            
            .slider.slider-4 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-4 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-4 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 32000ms;
            }

            @keyframes slider-4-slides {
                6%, 25% {opacity: 1;}
                0%, 30%, 100% {opacity: 0;}
            }

            .slider.slider-4 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-4-slides;
            }

            @keyframes slider-4-arrows {
                1.25%, 26.55938% {visibility: visible; opacity: 1;}
                1.24688%, 26.5625%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-4 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-4-arrows;
            }

            @keyframes slider-4-dots {
                1.5625%, 25% {background-color: #fff; opacity: 1;}
                0%, 26.5625%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-4 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-4-dots;
            }

            /* // Four Slides **/

            /** Five Slides */
            
            .slider.slider-5 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-5 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-5 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 40000ms;
            }

            @keyframes slider-5-slides {
                4.8%, 20% {opacity: 1;}
                0%, 24%, 100% {opacity: 0;}
            }

            .slider.slider-5 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-5-slides;
            }

            @keyframes slider-5-arrows {
                1%, 21.2475% {visibility: visible; opacity: 1;}
                0.9975%, 21.25%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-5 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-5-arrows;
            }

            @keyframes slider-5-dots {
                1.25%, 20% {background-color: #fff; opacity: 1;}
                0%, 21.25%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-5 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-5-dots;
            }

            /* // Five Slides **/

            /** Six Slides */
            
            .slider.slider-6 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-6 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-6 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 48000ms;
            }

            @keyframes slider-6-slides {
                4%, 16.66667% {opacity: 1;}
                0%, 20%, 100% {opacity: 0;}
            }

            .slider.slider-6 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-6-slides;
            }

            @keyframes slider-6-arrows {
                0.83333%, 17.70625% {visibility: visible; opacity: 1;}
                0.83125%, 17.70833%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-6 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-6-arrows;
            }

            @keyframes slider-6-dots {
                1.04167%, 16.66667% {background-color: #fff; opacity: 1;}
                0%, 17.70833%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-6 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-6-dots;
            }

            /* // Six Slides **/

            /** Seven Slides */
            
            .slider.slider-7 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-7 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-7 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 56000ms;
            }

            @keyframes slider-7-slides {
                3.42857%, 14.28571% {opacity: 1;}
                0%, 17.14286%, 100% {opacity: 0;}
            }

            .slider.slider-7 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-7-slides;
            }

            @keyframes slider-7-arrows {
                0.71429%, 15.17679% {visibility: visible; opacity: 1;}
                0.7125%, 15.17857%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-7 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-7-arrows;
            }

            @keyframes slider-7-dots {
                0.89286%, 14.28571% {background-color: #fff; opacity: 1;}
                0%, 15.17857%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-7 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-7-dots;
            }

            /* // Seven Slides **/

            /** Eight Slides */
            
            .slider.slider-8 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-8 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-8 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 64000ms;
            }

            @keyframes slider-8-slides {
                3%, 12.5% {opacity: 1;}
                0%, 15%, 100% {opacity: 0;}
            }

            .slider.slider-8 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-8-slides;
            }

            @keyframes slider-8-arrows {
                0.625%, 13.27969% {visibility: visible; opacity: 1;}
                0.62344%, 13.28125%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-8 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-8-arrows;
            }

            @keyframes slider-8-dots {
                0.78125%, 12.5% {background-color: #fff; opacity: 1;}
                0%, 13.28125%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-8 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-8-dots;
            }

            /* // Eight Slides **/

            /** Nine Slides */
            
            .slider.slider-9 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-9 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-9 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 72000ms;
            }

            @keyframes slider-9-slides {
                2.66667%, 11.11111% {opacity: 1;}
                0%, 13.33333%, 100% {opacity: 0;}
            }

            .slider.slider-9 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-9-slides;
            }

            @keyframes slider-9-arrows {
                0.55556%, 11.80417% {visibility: visible; opacity: 1;}
                0.55417%, 11.80556%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-9 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-9-arrows;
            }

            @keyframes slider-9-dots {
                0.69444%, 11.11111% {background-color: #fff; opacity: 1;}
                0%, 11.80556%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-9 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-9-dots;
            }

            /* // Nine Slides **/

            /** Ten Slides */
            
            .slider.slider-10 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-10 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-10 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 80000ms;
            }

            @keyframes slider-10-slides {
                2.4%, 10% {opacity: 1;}
                0%, 12%, 100% {opacity: 0;}
            }

            .slider.slider-10 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-10-slides;
            }

            @keyframes slider-10-arrows {
                0.5%, 10.62375% {visibility: visible; opacity: 1;}
                0.49875%, 10.625%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-10 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-10-arrows;
            }

            @keyframes slider-10-dots {
                0.625%, 10% {background-color: #fff; opacity: 1;}
                0%, 10.625%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-10 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-10-dots;
            }

            /* // Ten Slides **/

            /** Eleven Slides */
            
            .slider.slider-11 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-11 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-11 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 88000ms;
            }

            @keyframes slider-11-slides {
                2.18182%, 9.09091% {opacity: 1;}
                0%, 10.90909%, 100% {opacity: 0;}
            }

            .slider.slider-11 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-11-slides;
            }

            @keyframes slider-11-arrows {
                0.45455%, 9.65795% {visibility: visible; opacity: 1;}
                0.45341%, 9.65909%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-11 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-11-arrows;
            }

            @keyframes slider-11-dots {
                0.56818%, 9.09091% {background-color: #fff; opacity: 1;}
                0%, 9.65909%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-11 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-11-dots;
            }

            /* // Eleven Slides **/

            /** Twelve Slides */
            
            .slider.slider-12 > .slider-autoplay:checked ~ .slider-deck > .slider-item,
            .slider.slider-12 > .slider-autoplay:checked ~ .slider-arrow > label,
            .slider.slider-12 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-duration: 96000ms;
            }

            @keyframes slider-12-slides {
                2%, 8.33333% {opacity: 1;}
                0%, 10%, 100% {opacity: 0;}
            }

            .slider.slider-12 > .slider-autoplay:checked ~ .slider-deck > .slider-item {
                animation-name: slider-12-slides;
            }

            @keyframes slider-12-arrows {
                0.41667%, 8.85313% {visibility: visible; opacity: 1;}
                0.41563%, 8.85417%, 100% {visibility: hidden; opacity: 0;}
            }

            .slider.slider-12 > .slider-autoplay:checked ~ .slider-arrow > label {
                animation-name: slider-12-arrows;
            }

            @keyframes slider-12-dots {
                0.52083%, 8.33333% {background-color: #fff; opacity: 1;}
                0%, 8.85417%, 100% {background-color: #ddd; opacity: 0.5}
            }

            .slider.slider-12 > .slider-autoplay:checked ~ .slider-dot > label {
                animation-name: slider-12-dots;
            }

            /* // Twelve Slides **/

        /* // Slider Keyframes **/

    /* // Autoplay **/

/* // Slider **/

/** Jumbotron */

    .jumbotron {
        background: transparent;
        background-position: center center;
        background-size: cover;
        background-image: url('/photos/Elephants.jpg');
    }

    .jumbotron * {
        color: white;
        text-shadow: 0 1px 1px #310, 1px 1px 10px #310, 1px 1px 40px #310, 1px 1px 80px #310;
        text-shadow: 0 1px 1px #111, 1px 1px 10px #111, 1px 1px 40px #111, 1px 1px 80px #111;
    }

    .jumbotron h1 {
        margin-top: 4em;
        margin-bottom: 0;
        text-align: right;
    }

    .container .jumbotron,
    .container .jumbotron.photo {
        border-radius: 0;
        height: 9em;
        padding: 0;
        margin: 0;
        margin-bottom: 1em;
    }

    .jumbotron.photo .container {
        height: 9em;
        padding-top: 2em;
    }

    @media (max-width: 768px) {
        .container .jumbotron,
        .container .jumbotron.photo {
            margin-left: -15px;
            margin-right: -15px;
        }
    }

    @media (min-height: 30em), (min-width: 480px) {
        .container .jumbotron,
        .container .jumbotron.photo,
        .jumbotron.photo .container {
            height: 14em;
        }
    }

    @media (min-height: 30em), (min-width: 768px) {
        .container .jumbotron,
        .container .jumbotron.photo,
        .jumbotron.photo .container {
            height: 20em;
        }
    }

    .jumbotron.photo p span {
        display: inline-block;
        background: black;
        background: rgba(0,0,0,0.5);
        padding: 0.2em 1em;
    }

    /** Home Fixed Photos */

        .photo-fixed {
            padding: 0;
            width: 100%;
            height: 100vh;
            background: transparent;
            background-position: 0 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
        }

        .photo-fixed.centered {
            background-position-x: 50%;
        }

        @media screen and (min-width: 960px) {
            .has-fixed .photo-fixed {
                background-attachment: fixed;
            }
        }

        @supports (-webkit-touch-callout: none) {
            .has-fixed .photo-fixed {
                background-attachment: scroll;
            }
        }

        @media screen {
            .photo-fixed img {
                display: none;
            }
        }

    /* Fixed Photos **/

/* // Jumbotron **/

/** Menu */

    .menu {
        /* border-bottom: 1px solid #ddd;*/
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1.5rem;
    }

    .menu,
    .menu ul li a {
        color: black;
    }

    .menu ul {
        margin: 0;
    }

    .menu ul li {
        display: block;
        list-style: none;
        line-height: 1.4;
        margin: 0.3em -0.32em 0.3em 0;
        border-left: 1px solid #aaa;
    }

    .menu ul li:before {
            /* content: '|';*/
    }

    .menu a {
        display: inline-block;
        border-radius: 0.2em;
        padding: 0 0.5em;
        margin: 0 0.5em;
        text-decoration: none;
    }

    .menu a:hover {
        color: #069;
        text-decoration: underline;
    }

    @media (min-width: 550px) {
        .menu ul li {
            display: inline-block;
        }
    }

    @media (min-width: 750px) {
        .menu .nine {
            margin-left: 26%;
        }
    }

    /** Menu (may switch to this) */

        .submenu {
            background: white url('/assets/images/pinstripe.png') repeat;
        }

        .submenu .menu {
            padding-top: 0.8em;
            padding-bottom: 0.8em;
        }

        .submenu .menu ul li {
            padding: 0;
            border: 0;
        }

        .submenu ul li a {
            display: inline-block;
            padding: 0 1em 0 0.8em;
            margin: 0 0.4em 0 0;
            width: auto;
            border-radius: 0;
            border-left: 1px solid #999;
        }

        .submenu ul li a:hover {
            /* background: #ddd;*/
            background: rgba(0,0,0,0.1);
            padding-top: 0.4em;
            padding-bottom: 0.4em;
            margin-top: -0.4em;
            margin-bottom: -0.4em;
            text-decoration: none;
            color: inherit;
            box-sizing: content-box;
        }

        @media (min-width: 550px) {
                /* .menu {text-align: right;}*/
            .submenu {
                background: transparent;
                padding-bottom: 0;
                border-bottom: 2px dotted #eee;
            }
        }

    /* // Menu **/

    /** Toolbar */

        .toolbar {
            margin: 0.3em 0;
            border-bottom: 1px dotted #ddd;
        }

        .toolbar ul.inline {
            margin: 0.3em 0;
        }

    /* // Toolbar **/

/* // Menu **/

/** Body */

    .stripe {
        clear: both;
    }

    .remainder,
    .main {
        padding-bottom: 2em;
    }

    @media screen and (min-width: 550px) {
        .remainder,
        .main {
            padding-top: 0.7em;
            padding-bottom: 3em;
        }
    }

    .document {
        padding-bottom: 3em;
    }

    /** Page Header */

        .page-header {
            margin: 1rem 0;
            padding: 0 0 0.5rem;
            border-bottom: 1px solid #eee;
        }

        .page-header h1,
        .page-header h2,
        .page-header h3,
        .page-header h4,
        .page-header h5,
        .page-header p {
            line-height: 1.1;
            margin: 0.3rem 0;
        }

        .page-header h5 {
            text-transform: uppercase;
            font-size: 1rem;
        }

        @media screen and (max-width: 480px) {
            .page-header {
                margin: 1rem 0 0.6rem;
                padding: 0;
            }
        }

        @media screen and (min-width: 768px) {
            .page-header {
                margin: 1.125rem 0 20px;
                padding: 0 0 1.125rem;
            }
        }

    /* // Page Header **/

    /** Segment (Home Page) */

        .segment {
            padding: 1.3em 0;
        }

        .segment h3 {
            padding-bottom: 0.8rem;
            margin: 0.8rem 0 0.3rem;
            border-bottom: 1px solid #ccc;
        }

        .segment h5 {
            margin-top: 0;
            padding: 0.8rem 0;
            border-bottom: 1px solid #ccc;
            text-transform: uppercase;
        }

    /* // Segment **/

    /** Document */

        .lede .slider {
            width: 100%;
            height: 20em;
        }

        .lede.image {
            font-size: 1em;
            letter-spacing: 0;
            margin-top: 0;
            margin-bottom: 0.8em;
        }

        .lede.image img {
            width: 100% !important;
            font-style: italic;
        }

        .lede.image p {
            font-style: italic;
        }

        @media screen and (max-width: 480px) {
            .lede.image > div {
                margin: 0 -15px;
            }
        }

        .justify-copy p,
        .justify-copy li {
            text-align: justify;
        }

        article .image img,
        article .tube iframe,
        article p iframe,
        article div iframe {
            width: 100%;
            max-width: 100%;
            border: none;
        }

        article p {
            text-align: justify;
        }

        .image.profile {
            clear: both;
            margin-top: 1.4em;
            margin-bottom: -1px;
            padding-top: 1px;
        }

        .image.profile img {
            float: left;
            margin-top: 0.35em;
            margin-right: 0.8em;
            margin-bottom: 0.1em;
            max-width: 152px !important;
        }

        .image.sub-header img {
            width: 80%;
        }

        @media screen and (min-width: 992px) {
            .image.profile {
                margin-left: -35%;
                margin-bottom: 0;
/*                border-top: 1px solid #ccc;*/
            }

            .image.profile img {
                width: 30%;
                margin-bottom: 1.4em;
            }

            .image.sub-header {
                border-bottom: 1px solid #ccc;
                padding: 0;
                margin: 4em 0 1em -35%;
                width: 135%;
            }

            .image.sub-header img {
                width: 74%;
            }
        }
        

    /* // Document **/

    /** Sidebar */

        .sidebar {
            margin-top: 4em;
            word-break: break-word;
        }

        @media screen and (min-width: 768px) {
            .sidebar {
                margin-top: 12em;
            }
        }

        .sidebar h3 {
            font-size: 1em;
            text-transform: uppercase;
            padding-top: 0.4em;
        }

        .sidebar ul {
            list-style-position: inside;
            margin: 0;
            padding-left: 0;
        }

        .sidebar ul li {
            margin: 0.4em 0;
        }

        .sidebar .btn.btn-primary {
            background: #75704f;
            border-color: #6c6749;
            color: white;
            box-shadow: 0 1px 0 #6c6749;
        }

        .sidebar .btn.btn-primary:hover {
            background: #6c6749;
        }

    /* // Sidebar **/

    /** Pagination */

        .pagination {
            margin: 1em 0 0;
        }

    /* // Pagination **/

/* // Body **/

/** Footer */

    .footer {
        /* background: #eee url('/assets/images/pinstripe.png') repeat;*/
        padding-bottom: 2em;
        text-align: center;
    }

    .footer a,
    .footer a:any-link,
    .footer a:link,
    .footer a:visited {
        color: #444;
        text-decoration: none;
    }

    .footer a:-webkit-any-link {
        color: #444;
        text-decoration: none;
    }

    .footer a:hover {
        text-decoration: underline !important;
    }

    .footer .footer-menu {
        font-size: 0.9rem;
        margin-bottom: 2em;
    }

    .footer-menu h5,
    .footer-menu ul {
        margin: 0;
    }

    .footer-menu h5 {
        font-weight: bold;
        margin-top: .8em;
    }

    .footer-menu h5,
    .footer-menu li {
        line-height: 1.4;
        font-size: 1em;
    }

    .footer-menu li {
        line-height: 1.4;
        font-size: 1em;
        margin-top: 0.12em;
    }

    .footer-attr {
        border-top: 1px solid rgba(0,0,0,0.1);
        margin-top: 1em;
        padding-top: 1em;
    }

/* // Footer **/

/** Temp */

        body {
            background: white;
        }

        h1 {
            font-family: "Georgia";
            letter-spacing: -0.03em;
            font-weight: normal;
        }

        h4 {
            text-transform: uppercase;
        }

        .main {
            /* margin-top: -95px;*/
            margin: 4em 0 2em;
        }

        .itinerary .col-sm-4 {
            /* text-align: center;*/
            padding: 0 2em;
        }
        .itinerary .col-sm-4 p {
            /* padding: 0 20%;*/
        }

        .itinerary .img-circle {
            border: 1px solid #552;
            float: right;
            margin-left: 1em;
            margin-bottom: 1em;
        }

        .information .glyphicon {
            font-size: 140px;
            float: right;
            margin-left: 1em;
            margin-bottom: 1em;
        }

/* // Temp **/

/** Hacks */

    div#CDSWIDCOE {
        display: inline-block;
    }

/* // Hacks **/

/** Alt Colour Scheme *

    body, .logo .tab {background: #fdfdf9;}
    hr.striped,
    .logo a.tab.striped:after {background-image: url('/assets/stripes-green@2x.png');}
    
/* // Alt Colour Scheme **/
