body {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

h3 {
    color: #333;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}

h4 {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800;
}

a {
    color: #222;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    color: #000;
    outline: 0;
}

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
    background: #fff;
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 2em;
    padding-right: 2em;
}

.site-branding a:hover,
.site-branding a:focus {
    opacity: 0.7;
}

.custom-header {
    position: relative;
}

.custom-header-media:before {
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#00000000", endColorstr = "#4d000000", GradientType = 0);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

.twentyseventeen-front-page .site-content {
    padding: 0;
}

img,
video {
    height: auto;
    max-width: 100%;
}

@media screen and (min-width: 30em) {
    body,
    button,
    input,
    select,
    textarea {
        font-size: 18px;
        font-size: 1.125rem;
    }

    h3 {
        font-size: 22px;
        font-size: 1.375rem;
    }

    h4 {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .page-one-column .panel-content .wrap {
        max-width: 740px;
    }

    @media screen and (min-width: 48em) {
        body,
        button,
        input,
        select,
        textarea {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.5;
        }

        .wrap {
            max-width: 1000px;
            padding-left: 3em;
            padding-right: 3em;
        }

        .custom-logo-link img,
        body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
        body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
            max-width: 350px;
        }

        .twentyseventeen-front-page.has-header-image .custom-header-media,
        .twentyseventeen-front-page.has-header-video .custom-header-media,
        .home.blog.has-header-image .custom-header-media,
        .home.blog.has-header-video .custom-header-media {
            height: 1200px;
            height: 100vh;
            max-height: 100%;
            overflow: hidden;
        }

        .panel-content .wrap {
            padding-bottom: 4.5em;
            padding-top: 3em;
        }
    }

    @media screen and (min-width: 48em) {
        .bt-remove-home-fullscreen.twentyseventeen-front-page.has-header-image .custom-header-media,
        .bt-remove-home-fullscreen.twentyseventeen-front-page.has-header-video .custom-header-media,
        .bt-remove-home-fullscreen.home.blog.has-header-image .custom-header-media,
        .bt-remove-home-fullscreen.home.blog.has-header-video .custom-header-media {
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }

        .bt-remove-home-fullscreen.twentyseventeen-front-page.has-header-image .custom-header-media img,
        .bt-remove-home-fullscreen.twentyseventeen-front-page.has-header-video .custom-header-media img,
        .bt-remove-home-fullscreen.home.blog.has-header-image .custom-header-media img,
        .bt-remove-home-fullscreen.home.blog.has-header-video .custom-header-media img {
            object-fit: cover;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translate3d(0, -50%, 0);
        }

        .bt-remove-home-fullscreen.has-header-image.twentyseventeen-front-page .site-branding,
        .bt-remove-home-fullscreen.has-header-video.twentyseventeen-front-page .site-branding,
        .bt-remove-home-fullscreen.has-header-image.home.blog .site-branding,
        .bt-remove-home-fullscreen.has-header-video.home.blog .site-branding {
            bottom: auto;
            display: block;
            left: auto;
            height: auto;
            padding-top: 0;
            position: relative;
            width: auto;
            z-index: 2;
        }
    }
    @media screen and (min-width: 30em) {
        .bt-remove-home-fullscreen.has-header-image.twentyseventeen-front-page .site-branding,
        .bt-remove-home-fullscreen.has-header-video.twentyseventeen-front-page .site-branding,
        .bt-remove-home-fullscreen.has-header-image.home.blog .site-branding,
        .bt-remove-home-fullscreen.has-header-video.home.blog .site-branding {
            padding: 3em 0;
        }
    }
}