h1[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: 2rem;
    margin: 1.5rem 0
}

@media screen and (min-width:768px) {
    h1[data-v-c561cff0] {
        font-size: 2.5rem
    }
}

h2[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: 1.5rem;
    margin: 1.5rem 0
}

@media screen and (min-width:768px) {
    h2[data-v-c561cff0] {
        font-size: 2rem
    }
}

h3[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: 1.25rem;
    margin: 1rem 0
}

@media screen and (min-width:768px) {
    h3[data-v-c561cff0] {
        font-size: 1.5rem
    }
}

h4[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: 1rem;
    margin: 1rem 0
}

@media screen and (min-width:768px) {
    h4[data-v-c561cff0] {
        font-size: 1.25rem
    }
}

h5[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: .875rem;
    margin: 1rem 0
}

@media screen and (min-width:768px) {
    h5[data-v-c561cff0] {
        font-size: 1rem
    }
}

h6[data-v-c561cff0] {
    font-weight: 400;
    letter-spacing: .05rem;
    line-height: 1;
    font-size: .875rem;
    margin: 1rem 0
}

@media screen and (min-width:768px) {
    h6[data-v-c561cff0] {
        font-size: 1rem
    }
}

a[data-v-c561cff0] {
    text-decoration: underline;
    color: #000;
    transition: color .2s
}

a[data-v-c561cff0]:active,
a[data-v-c561cff0]:focus,
a[data-v-c561cff0]:hover {
    color: #333
}

.visually-hidden[data-v-c561cff0] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

body[data-v-c561cff0] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nav[data-v-c561cff0] {
    position: relative;
    overflow-x: auto;
    display: flex;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.nav[data-v-c561cff0]::-webkit-scrollbar {
    display: none
}

.nav--content-overflow[data-v-c561cff0] {
    justify-content: flex-start
}

.nav .link[data-v-c561cff0] {
    font-size: .9rem;
    letter-spacing: .02rem;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center
}

.nav .link[data-v-c561cff0]:active,
.nav .link[data-v-c561cff0]:focus,
.nav .link[data-v-c561cff0]:hover,
.nav .link[data-v-c561cff0]:link,
.nav .link[data-v-c561cff0]:visited {
    color: #fff;
    text-decoration: none
}

.nav .link .text[data-v-c561cff0] {
    text-align: center;
    white-space: nowrap
}

.nav .link svg path[data-v-c561cff0] {
    stroke: #fff
}

.nav .link--active[data-v-c561cff0] {
    margin: 1rem 2rem 1.5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: .05rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.nav .link--active .icon[data-v-c561cff0] {
    height: 50px
}

.nav .link--active[data-v-c561cff0]:after {
    height: .25rem;
    width: 100%;
    margin-top: .5rem;
    background: #6dcff6;
    content: ""
}

.nav.LightGray[data-v-c561cff0],
.nav.White[data-v-c561cff0] {
    color: #000;
    border-bottom: 1px solid #d9d9d9
}

.nav.LightGray .link[data-v-c561cff0]:active,
.nav.LightGray .link[data-v-c561cff0]:focus,
.nav.LightGray .link[data-v-c561cff0]:hover,
.nav.LightGray .link[data-v-c561cff0]:link,
.nav.LightGray .link[data-v-c561cff0]:visited,
.nav.White .link[data-v-c561cff0]:active,
.nav.White .link[data-v-c561cff0]:focus,
.nav.White .link[data-v-c561cff0]:hover,
.nav.White .link[data-v-c561cff0]:link,
.nav.White .link[data-v-c561cff0]:visited {
    color: #000
}

.nav.LightGray .link svg path[data-v-c561cff0],
.nav.White .link svg path[data-v-c561cff0] {
    stroke: #000
}

.nav.LightGray .link--active[data-v-c561cff0],
.nav.White .link--active[data-v-c561cff0] {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center
}

.nav.LightGray .link--active .icon[data-v-c561cff0],
.nav.White .link--active .icon[data-v-c561cff0] {
    height: 50px
}

.nav.LightGray .link--active[data-v-c561cff0]:after,
.nav.White .link--active[data-v-c561cff0]:after {
    height: .25rem;
    width: 100%;
    margin-top: .5rem;
    background: #6dcff6;
    content: ""
}

.nav.White[data-v-c561cff0] {
    background: #fff
}

.nav.LightGray[data-v-c561cff0] {
    background: #e6e6e6
}

.nav.DarkGray[data-v-c561cff0] {
    background: #333
}

.nav.Black[data-v-c561cff0] {
    background: #000
}

.icon-nav[data-v-c561cff0] {
    padding: 1rem 0
}

.icon-nav .link[data-v-c561cff0] {
    margin: 0;
    padding: 1rem 2rem 1.5rem
}

.icon-nav .link .icon[data-v-c561cff0] {
    height: 50px
}

.base-nav .link[data-v-c561cff0] {
    margin: 1rem 0 0;
    padding: 0 2rem
}

.base-nav .link .text[data-v-c561cff0] {
    padding-bottom: 1rem
}

.base-nav .link--active[data-v-c561cff0] {
    margin-top: 1rem
}

.base-nav .link--active .text[data-v-c561cff0] {
    padding-bottom: .5rem
}

.base-nav.White .link--active[data-v-c561cff0]:after {
    background: #000
}

.base-nav.Black .link--active[data-v-c561cff0]:after,
.base-nav.Gray .link--active[data-v-c561cff0]:after {
    background: #fff
}