@media only screen and (min-width: 0)
{
    .center
    {
        margin: auto;
        width: 50%;
        padding: 40px;
    }
    :root
    {
        --primary: #d08c54;
        --primaryShade: #ffd675;
        --primaryDark: #5498d0;
        --bodyText: #2c365d;
    }
    @font-face
    {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: local(''),url('/fonts/roboto-v29-latin-regular.woff2') format('woff2'),url('/fonts/roboto-v29-latin-regular.woff') format('woff');
    }
    @font-face
    {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: local(''),url('/fonts/roboto-v29-latin-700.woff2') format('woff2'),url('/fonts/roboto-v29-latin-700.woff') format('woff');
    }
    @font-face
    {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: local(''),url('/fonts/roboto-v29-latin-900.woff2') format('woff2'),url('/fonts/roboto-v29-latin-900.woff') format('woff');
    }
    body, html
    {
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-family: 'Roboto',Arial,sans-serif;
        color: var(--bodyText);
        overflow-x: hidden;
    }
    *, *:before, *:after
    {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    body
    {
        transition: background-color .3s;
    }
    .container
    {
        position: relative;
        width: 92%;
        margin: auto;
    }
    h1, h2, h3, h4, h5, h6
    {
        margin: 0;
        color: #2c365d;
    }
    p, li, a
    {
        font-size: 1.125em;
        line-height: 1.5em;
        margin: 0;
    }
    p, li
    {
        color: #2c365d;
    }
    a:hover, button:hover
    {
        cursor: pointer;
    }
    .button-solid
    {
        font-size: .875em;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        width: auto;
        line-height: 2.57142857em;
        height: 2.57142857em;
        text-align: center;
        padding: 0 10px;
        position: relative;
        z-index: 1;
        background-color: var(--primary);
        border-radius: 8px;
        color: #2c365d;
        transition: color .3s;
        transition-delay: .1s;
    }
    .button-solid:hover
    {
        color: #fff;
    }
    .button-solid:hover:before
    {
        width: 100%;
        border-radius: 8px;
    }
    .button-solid:before
    {
        content: '';
        position: absolute;
        border-radius: 8px;
        display: block;
        height: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: #2c365d;
        width: 0;
        transition: width .3s;
    }
    .skip
    {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: -1111111;
    }
}
@media only screen and (min-width: 1024px)
{
    body, html
    {
        padding: 0;
        margin: 0;
    }
}
@media only screen and (min-width: 2000px)
{
    body, html
    {
        font-size: .85vw;
    }
}
@media only screen and (max-width: 1023px)
{
    #navigation
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        height: auto;
    }
    #navigation .background-color-div
    {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        box-shadow: rgba(149,157,165,.2) 0 8px 24px;
    }
    #navigation .container
    {
        padding: .8125em 0;
        width: 96%;
    }
    #navigation .logo
    {
        display: inline-block;
        height: 1.875em;
        width: auto;
    }
    #navigation .logo img
    {
        width: auto;
        height: 100%;
    }
    #navigation .logo .light
    {
        display: none;
    }
    #navigation .logo .dark
    {
        display: block;
    }
    #navigation .hamburger-menu
    {
        position: absolute;
        right: 0;
        border: none;
        height: 3em;
        width: 3em;
        z-index: 100;
        display: block;
        background: transparent;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: top .3s;
    }
    #navigation .hamburger-menu span
    {
        height: 2px;
        width: 1.875em;
        background-color: #2c365d;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: background-color .3s;
    }
    #navigation .hamburger-menu span:before
    {
        content: '';
        position: absolute;
        display: block;
        height: 2px;
        width: 80%;
        background: #2c365d;
        opacity: 1;
        top: -6px;
        left: 0;
        transition: width .3s,left .3s,top .3s,transform .5s;
    }
    #navigation .hamburger-menu span:after
    {
        content: '';
        position: absolute;
        display: block;
        height: 2px;
        width: 80%;
        background: #2c365d;
        opacity: 1;
        top: 6px;
        left: 0;
        transition: width .3s,left .3s,top .3s,transform .3s;
    }
    #navigation .hamburger-menu.clicked span
    {
        background-color: transparent;
    }
    #navigation .hamburger-menu.clicked span:before
    {
        width: 100%;
        transform: translate(-50%,-50%) rotate(225deg);
        left: 50%;
        top: 50%;
    }
    #navigation .hamburger-menu.clicked span:after
    {
        width: 100%;
        transform: translate(-50%,-50%) rotate(-225deg);
        left: 50%;
        top: 50%;
    }
    #navigation #navbar-menu
    {
        position: fixed;
        right: 0;
        padding: 0;
        width: 100%;
        border-radius: 0 0 .375em .375em;
        z-index: -1;
        overflow: hidden;
        box-shadow: rgba(149,157,165,.2) 0 8px 24px;
        background-color: #fff;
        top: 4em;
        padding-top: 0;
        height: 0;
        transition: height .3s,padding-top .3s,top .3s;
    }
    #navigation #navbar-menu ul
    {
        padding: 0;
        perspective: 700px;
    }
    #navigation #navbar-menu ul li
    {
        list-style: none;
        margin-bottom: 0.5em;
        text-align: center;
        transform-style: preserve-3d;
        opacity: 0;
        transform: translateY(-.4375em) rotateX(90deg);
        transition: opacity .5s,transform .5s;
    }
    #navigation #navbar-menu ul li:nth-of-type(1)
    {
        transition-delay: .1s;
    }
    #navigation #navbar-menu ul li:nth-of-type(2)
    {
        transition-delay: .2s;
    }
    #navigation #navbar-menu ul li:nth-of-type(3)
    {
        transition-delay: .3s;
    }
    #navigation #navbar-menu ul li:nth-of-type(4)
    {
        transition-delay: .4s;
    }
    #navigation #navbar-menu ul li:nth-of-type(5)
    {
        transition-delay: .5s;
    }
    #navigation #navbar-menu ul li a
    {
        text-decoration: none;
        text-transform: uppercase;
        color: #2c365d;
        font-size: 1.1875em;
        text-align: center;
        display: inline-block;
        position: relative;
        font-weight: bold;
    }
    #navigation #navbar-menu ul li a.active:before
    {
        content: '';
        position: absolute;
        display: block;
        height: .14285714em;
        background: var(--primary);
        opacity: 1;
        bottom: .01428571em;
        border-radius: .21052632em;
        left: -.31578947em;
        right: -.31578947em;
        z-index: -1;
    }
    #navigation #navbar-menu.open
    {
        height: 27.125em;
        padding-top: 1.25em;
        z-index: -100;
    }
    #navigation #navbar-menu.open ul li
    {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}
@media only screen and (min-width: 64em)
{
    ::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 .375em rgba(0,0,0,.3);
        background-color: #fff;
    }
    ::-webkit-scrollbar-track-piece
    {
        background-color: #f0f0f0;
    }
    ::-webkit-scrollbar
    {
        width: .4375em;
        background-color: #f5f5f5;
    }
    ::-webkit-scrollbar-thumb
    {
        border-radius: .625em;
        background: var(--primary);
    }
    body.scroll #navigation .background-color-div
    {
        height: 100%;
        box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    }
    body.scroll #navigation .logo .light
    {
        display: none;
    }
    body.scroll #navigation .logo .dark
    {
        display: block;
    }
    body.scroll #navigation #navbar-menu ul li a
    {
        color: #2c365d;
    }
    body.scroll #dark-mode-toggle svg path
    {
        fill: #2c365d;
    }
    body.dark-mode #navigation .background-color-div
    {
        height: 100%;
        box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
    }
    #navigation
    {
        width: 100%;
        height: 7.69230769em;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200000;
        padding: 0;
        display: flex;
        align-items: center;
    }
    #navigation .background-color-div
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        height: 0;
        transition: height .6s;
    }
    #navigation .container
    {
        max-width: 75em;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    #navigation .logo
    {
        margin-right: auto;
        height: 3.75em;
        width: auto;
    }
    #navigation .logo img
    {
        width: auto;
        height: 100%;
    }
    #navigation #navbar-menu ul
    {
        padding: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    #navigation #navbar-menu ul li
    {
        list-style: none;
        margin-left: 1.875em;
        padding-top: .1875em;
    }
    #navigation #navbar-menu ul li a
    {
        text-decoration: none;
        font-weight: bold;
        font-size: 1.1875em;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        color: #fff;
        transition: color .3s;
    }
    #navigation #navbar-menu ul li a:before
    {
        content: '';
        position: absolute;
        display: block;
        height: .14285714em;
        border-radius: .15789474em;
        background: var(--primary);
        opacity: 1;
        bottom: .01428571em;
        z-index: -1;
        left: 0;
        width: 0%;
        transition: width .3s;
    }
    #navigation #navbar-menu ul li a:hover:before
    {
        width: 100%;
    }
    #navigation #navbar-menu ul li a.active:before
    {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: .14285714em;
        background: var(--primary);
        opacity: 1;
        bottom: .01428571em;
        border-radius: .15789474em;
        left: 0;
        right: -.31578947em;
        z-index: -1;
        transition: bottom .3s;
    }
    #navigation .hamburger-menu
    {
        display: none;
    }
}
@media only screen and (max-width: 1023px)
{
    body.dark-mode #navigation .background-color-div
    {
        background-color: var(--dark);
    }
    body.dark-mode #navigation .hamburger-menu.clicked span
    {
        background-color: var(--dark);
    }
    body.dark-mode #navigation .hamburger-menu span
    {
        background-color: #fff;
    }
    body.dark-mode #navigation .hamburger-menu span:before, body.dark-mode #navigation .hamburger-menu span:after
    {
        background-color: #fff;
    }
    body.dark-mode #navigation .logo .light
    {
        display: block;
    }
    body.dark-mode #navigation .logo .dark
    {
        display: none!important;
    }
    body.dark-mode #navigation #navbar-menu
    {
        background-color: var(--medium);
    }
    body.dark-mode #navigation #navbar-menu ul li a
    {
        color: #fff;
    }
    body.dark-mode #navigation #navbar-menu ul li a:before
    {
        background: var(--accent);
    }
    body.dark-mode #navigation #navbar-menu ul li a.active
    {
        color: var(--primary);
    }
}
@media only screen and (min-width: 1024px)
{
    body.dark-mode #navigation .background-color-div
    {
        background-color: var(--dark);
    }
    body.dark-mode #navigation .logo .light
    {
        display: block;
    }
    body.dark-mode #navigation .logo .dark
    {
        display: none!important;
    }
    body.dark-mode #navigation #navbar-menu ul li a
    {
        color: #fff;
    }
    body.dark-mode #navigation #navbar-menu ul li a:before
    {
        background: var(--accent);
    }
    body.dark-mode #navigation #navbar-menu ul li a.active
    {
        color: var(--primary);
    }
}
@media only screen and (min-width: 0)
{
    #int-hero
    {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
        min-height: 30vh;
        padding-top: 3.125em;
        background-image: linear-gradient(to right,#d08c54 0%,#2c365d 100%);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    #int-hero:before
    {
        content: '';
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background: #2c365d;
        opacity: 0;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #int-hero picture
    {
        display: none;
    }
    #int-hero h1
    {
        color: #fff;
        font-size: 2.13333333em;
        text-align: center;
        margin: 0 auto;
        position: relative;
        width: 96%;
        max-width: 7.8125em;
        margin-top: 1.09375em;
        margin-bottom: .46875em;
    }
    #int-hero p
    {
        color: #fff;
        text-align: center;
        max-width: 22.22222222em;
        margin: auto;
        margin-bottom: 1.66666667em;
        display: block;
        width: 96%;
    }
}
@media only screen and (min-width: 48em)
{
    #int-hero
    {
        font-size: 16px;
        background-image: linear-gradient(to right,#d08c54 0%,#2c365d 100%);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    #int-hero h1
    {
        font-size: 4em;
    }
}
@media only screen and (min-width: 64em)
{
    #int-hero
    {
        min-height: 18.75em;
        height: auto;
        padding-top: 11.25em;
        padding-block-end: 6.25em;
        font-size: inherit;
        background-image: linear-gradient(to right,#d08c54 0%,#2c365d 100%);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
}
@media only screen and (min-width: 0)
{
    #footer
    {
        background: #2c365d;
        padding: 5.25em 0 1.25em;
        font-size: min(4vw,1.2em);
    }
    #footer .left-section
    {
        margin: auto;
        margin-bottom: 3.125em;
        text-align: center;
    }
    #footer .left-section .logo
    {
        display: inline-block;
        margin: auto;
        width: auto;
        height: 3.125em;
        margin-bottom: 1.875em;
        text-align: center;
    }
    #footer .left-section .logo img
    {
        width: auto;
        height: 100%;
        display: block;
    }
    #footer .left-section p
    {
        font-size: .875em;
        line-height: 1.92857143;
        color: #fff;
        opacity: .9;
        text-align: center;
        width: 100%;
        width: 21.92857143em;
        margin: auto;
    }
    #footer .right-section
    {
        width: 96%;
        max-width: 25.4375em;
        margin: auto;
    }
    #footer .right-section .lists
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 96%;
        max-width: 19.1875em;
        margin: auto;
    }
    #footer .right-section .lists ul
    {
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px;
    }
    #footer .right-section .lists ul li
    {
        list-style: none;
        margin-bottom: .66666667em;
        color: #fff;
        font-size: 1em;
        opacity: .9;
    }
    #footer .right-section .lists ul li a
    {
        text-decoration: none;
        color: #fff;
        line-height: 1.16666667;
        transition: color .3s;
    }
    #footer .right-section .lists ul li a:hover
    {
        color: var(--primary);
    }
    #footer .right-section .lists ul h2
    {
        color: #fff;
        font-size: 1.125em;
        line-height: 1.16666667;
        margin-bottom: 2.05555556em;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
    }
    #footer .right-section .lists ul h2:before
    {
        content: '';
        position: absolute;
        display: block;
        height: .11111111em;
        width: 5.38888889em;
        background: #eebe76;
        opacity: 1;
        bottom: -.88888889em;
        left: 0;
    }
    #footer .right-section .buttons
    {
        display: flex;
        justify-content: center;
    }
    #footer .right-section .button-solid
    {
        margin: 0;
        height: 2.94444444em;
        padding-top: .16666667em;
        width: 13.88888889em;
        border-radius: 8px;
    }
    #footer .credit
    {
        color: #fff;
        width: 96%;
        margin: auto;
        text-align: center;
        margin-top: 6.25em;
        line-height: 2.25em;
        font-size: 1em;
    }
    #footer .credit a
    {
        color: var(--primary);
        text-decoration: none;
        font-size: 1em;
    }
    #footer .credit a:hover
    {
        text-decoration: underline;
    }
    #footer .credit .copyright
    {
        display: block;
        font-size: 1em;
    }
}
@media only screen and (min-width: 64em)
{
    #footer
    {
        font-size: min(1.2vw,1em);
    }
    #footer .container
    {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 96%;
        max-width: 82.5em;
        margin: auto;
        padding: 0;
    }
    #footer .left-section
    {
        width: 25.5625em;
        margin: 0;
        text-align: left;
    }
    #footer .left-section .logo
    {
        text-align: left;
        margin-left: 0;
        height: 4.375em;
    }
    #footer .left-section p
    {
        text-align: left;
        margin-left: 0;
    }
    #footer .right-section
    {
        margin: 0;
        width: 38.0625em;
        max-width: none;
    }
    #footer .right-section .lists
    {
        width: 96%;
        max-width: 48.0625em;
        margin: 0;
        max-width: initial;
    }
    #footer .right-section .lists ul li a
    {
        position: relative;
    }
    #footer .right-section .lists ul li a:before
    {
        content: '';
        position: absolute;
        display: block;
        height: .11111111em;
        width: 0%;
        background: var(--primary);
        opacity: 1;
        bottom: -.16666667em;
        left: 0;
        transition: width .3s;
    }
    #footer .right-section .lists ul li a:hover:before
    {
        width: 100%;
    }
    #footer .right-section .buttons
    {
        justify-content: flex-start;
    }
    #footer .credit .copyright
    {
        display: inline-block;
    }
}
@media only screen and (min-width: 0)
{
    body.dark-mode #footer
    {
        background: #061623;
    }
}