body {
    font-family: interstate, open-sans, Helvetica, Arial, sans-serif;
    color: #231f20;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.005em;
    line-height: 1.4;
}

.col a {
    /* position: relative; */
}

/*
4.202em
3.713em
3.537em
3.232em
2.856em
2.721em
2.486em
2.197em
2.093em
1.912em
1.69em
1.61em
1.471em
1.3em
1.238em
1.132em
1em
0.953em
0.87em
0.769em
0.733em
0.67em
0.592em
*/
/* Typography
------------------------ */
h1,h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 0.02em;
    line-height: 0.87;
    font-weight: 600;
    margin: 0;
    line-height: 1;
    padding: 0rem 0 1rem;
    /* font-family: 'interstate'; */
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h4 strong, h4 strong, .h4 strong, blockquote strong {
   color: #f6f5f1;
   line-height: 1.195;
   background: #221f1f;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
   padding: 0px 0.3em;
   /* background-color: rgb(254,207,12); */
   /* background-blend-mode: revert; */
   /* display: block; */
}
h1 strong a, .h1 strong a, h2 strong a, .h2 strong a, h3 strong a, .h4 strong a, h4 strong a, .h4 strong a, blockquote strong a {
    color:#fff !important; font-weight:600 !important;
    
}
html, .root {
    width: 100%;
    /* font-size: 101%; */
    /* line-height: 22px; */
}

body, .article {
    /* font-family: sans-serif; */
    /* font-size: 1em; */
    /* line-height: 1.375em; */
    /* text-shadow: 0 0px 3px rgb(0 0 0 / 0%); */
}

h1, .h1 {
    text-transform: uppercase;
    /* font-size: 6.5625em; */
    /* line-height: 0.8; */
    /* margin-top: 1.375em; */
    /* margin-bottom: 2.75em; */
}

h2, .h2 {
    /* color: #0fb0aa; */
    /* font-size: 3.5em; */
    /* font-style: italic; */
    /* line-height: 4.125em; */
    /* margin-top: 1.375em; */
    /* margin-bottom: 1.375em; */
    /* margin: 0.3em 0 0; */
    /* font-size: 7em; */
    /* background: #fff; */
    /* letter-spacing: 12px; */
    text-transform: uppercase;
    /* line-height: 66px; */
}

h3, .h3 {
    /* font-size: 5.875em; */
    /* line-height: .8; */
    /* margin: 0; */
    text-transform: uppercase;
    /* font-weight: normal; */
    /* margin-bottom: 0em; */
    /* color: #e1b81a; */
}

h4, .h4 {
    /* text-transform: uppercase; */
    letter-spacing: 0.005em;
    font-family: 'interstate';
}

h5, .h5 {
      font-size: 2.3em;
      font-weight: normal;
      line-height: -5;
      font-weight: normal;
      letter-spacing: 0em;
      margin-top: .375em;
      font-family: 'headline';
}

p, ul, ol, pre, table, blockquote {
    /* margin-top: 0em; */
    /* margin-bottom: 1.375em; */
}

ul ul, ol ol, ul ol, ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* Let's make sure all's aligned */
hr, .hr {
    /* border: 1px solid; */
    /* margin: 0 5% 0; */
    width: 100%;
    clear: both;
    display: block;
}

a, b, i, strong, em, small, code {
    /* line-height: 0; */
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*
body {
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
*/
/* Older browsers */
body {
    font-size: calc(16px + (18 - 16) * ((100vw - 600px) / (1780 - 600)));
}

h1,.h1 {
    font-size: calc(35px + (100 - 36) * ((100vw - 600px) / (1780 - 600)));
}

.intro-copy p {
    /* font-size: calc(32px + (32 - 14) * ((100vw - 600px) / (1780 - 600))); */
}

.home h2,.home .h2 {
    /* font-size: calc(60px + (150 - 60) * ((100vw - 600px) / (1780 - 600))); */
}
h2,.h2 {
    font-size: calc(36px + (84 - 36) * ((100vw - 600px) / (1780 - 600)));
}


.home .page_layout.loop-1 h3 {
    /* font-size: calc(40px + (50 - 40) * ((100vw - 600px) / (1780 - 600))); */
    /* margin-bottom: 1em; */
    /* font-size: 40px; */
}

h3,.h3 {
    font-size: calc(30px + (60 - 30) * ((100vw - 600px) / (1780 - 600)));
}

h3.subpage {
    font-size: calc(30px + (53 - 30) * ((100vw - 600px) / (1780 - 600)));
}

.intro-copy h4 {
    font-size: calc(19px + (15 - 19) * ((100vw - 600px) / (1780 - 600)));
}

.page_layout h4,.h4 {
    font-size: calc(18px + (28 - 18) * ((100vw - 600px) / (1780 - 600)));
}

.flex-about h3.title {
    font-size: calc(40px + (84 - 40) * ((100vw - 600px) / (1780 - 600)));
}

blockquote {
    font-size: calc(24px + (52 - 24) * ((100vw - 600px) / (1780 - 600)));
}

/* Modern browsers only need this one */
@media (max-width: 600px) {
    body {
        font-size: 16px;
    }

    .flex-about h3.title {
        font-size: 40px;
    }

    h1,.h1 {
        font-size: 36px;
    }

    blockquote {
        font-size: 20px;
        /* padding: 0; */
    }

    .intro-copy p {
        font-size: 15px;
    }

    .services.alternating .col.text h2 {
        font-size: 25px;
    }

    h2, .h2 {
        font-size: 36px;
    }

    .home  h2,.home  .h2 {
        /* font-size: 60px; */
    }


    .home .page_layout.loop-1 h3 {
        /* font-size: 40px; */
    }

    h3,.h3 {
        font-size: 30px;
    }
    h3.subpage{font-size: 30px;}

    .intro-copy h4 {
        font-size: 16px;
    }

    .page_layout h4,.h4 {
        font-size: 18px;
    }

    #scroll_ind {
        display: none;
    }
}

@media screen and (min-width: 1780px) {
    body {
        font-size: 20px;
    }

    h1, .h1 {
        font-size: 100px;
    }

    h3.h1 {
        font-size: 130px;
    }

    blockquote {
        font-size: 52px;
    }

    .flex-about h3.title {
        font-size: 84px;
    }

    .intro-copy p {
        /* font-size: 32px; */
    }

    h2, .h2 {
        font-size: 84px;
    }
    .home h2, .home .h2 {
        /* font-size: 150px; */
    }
    .home  .page_layout.loop-1 h3 {
        /* font-size: 50px; */
    }

    h3,.h3 {
        font-size: 60px;
    }

    h3.subpage {
        font-size: 60px;
    }

    .intro-copy h4 {
        font-size: 19px;
    }

    .page_layout h4,.h4 {
        font-size: 28px;
    }
}

li {
    /* transform: skewX(10deg); */
    /* font-size: 1.37em; */
    font-weight: 400;
    padding: 0;
    margin: 0;
    /* transform: skew(-1deg, -1deg) !important; */
}

p {
    /* transform: skewX(10deg); */
    /* font-size: 1.37em; */
    font-weight: 400;
    line-height: 1.6;
    /* letter-spacing: 0.01em; */
    margin: 0;
    padding: 0px 0 1rem;
    /* transform: skew(-1deg, -1deg) !important; */
}

p.lead {
    /* font-size: 1.137em; */
    /* font-size: 18px; */
    font-size: 1.57em;
    font-weight: 500;
    line-height: 1.3;
}
p.larger{
    font-size: 2em;
    font-weight: 500;
    line-height: 1;
    /* line-height: 1.78em; */
}
.home .layout_wrap {
    /* z-index:3; */
    /* margin-top: -200px; */
    /* padding-top: 100px; */
    /* overflow: visible; */
    /* clip-path: url(#hero-clip); */
}

.layout_wrap {
    position: relative;
    z-index: 2;
    /* max-width: 1780px; */
    margin: 0 auto;
    /* padding: 2em 0 5em; */
    /* background: #f6f5f1; */
    /* background-image: url(../images/weave_pattern.png); */
    /* background: url(../images/footer-bg.png) no-repeat bottom center; */
    /* background-size: cover; */
    /* background: url(../images/footer-bg.png) no-repeat bottom center; */
    /* background-size: cover; */
}

.page_layout a:before {
    /* resize: auto; */
    /* background-color: var(--red); */
    /* content: ''; */
    /* height: 1px; */
    /* position: absolute; */
    /* bottom: 1px; */
    /* transition: width 0.25s ease-in-out; */
    /* width: 100%; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* z-index: 0; */
}

.layout_wrap a:hover:before {
    /* width: 0; */
    /* transform: translateX(0); */
}

.page_layout {
    position: relative;
    /* margin-top: 10px; */
    /* border-top: 5px solid white; */
    /* margin-bottom: -140px; */
    /* padding-bottom: 170px; */
    /* padding-top: 3.25%; */
    /* margin-top:-3.25%; */
    /* margin-top: -50px; */
    /* margin-bottom: 10px; */
    /* padding: 50px 0; */
}

.page_layout h4 {
    /* font-size: 1.750em; */
    /* font-weight: 400; */
    /* letter-spacing: 0.070em; */
    /* line-height: 1; */
    /* font-weight: 600; */
    text-transform: uppercase;
    /* color: #647731; */
}

.page_layout li {
    padding-bottom: 0;
    outline: 0px;
}

p.caption {
}

@media screen and (max-width: 1280px) {
    body {
    }

    p,li {
    }

    p {
    }

    li {
    }

    h1 {
    }

    h2 {
    }

    h2 strong {
    }

    h3 {
    }

    h4 {
        /* font-size: 50px; */
    }

    h5 {
    }
}

@media screen and (max-width: 950px) {
    body {
    }

    p,li {
    }

    p {
    }

    li {
    }

    h1 {
    }

    h2 {
    }

    h2 strong {
    }

    h3 {
    }

    h4 {
    }

    h5 {
    }
}

@media screen and (max-width: 600px) {
    body {
    }

    p,li {
    }

    p {
    }

    li {
    }

    h1 {
    }

    h2 {
        /* font-size: 6em; */
    }

    .text-50 .col.textwrap {
    }

    .col.textwrap {
        padding: 5%;
    }

    .grid.column-3 .col {
        min-width: 100%;
    }

    h3 {
    }

    h4 {
    }

    h5 {
    }
}

@media screen and (max-width: 599px) {
    body {
    }

    p,li {
    }

    p {
    }

    li {
    }

    h1 {
    }

    h2 {
    }

    .page_layout h3 {
    }

    h4 {
    }

    h5 {
    }
}