@import url(https://fonts.jimstatic.com/css?family=Roboto:300,400,700|Roboto+Slab:400,700);
    @import url("https://fonts.jimstatic.com/css?family=Lato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular%7CLato%3Aregular&subset=latin");

    fieldset,figure,p {
            margin: 0
        }

    :root {
        font-size: 20px;
        box-sizing: border-box;
    }

    * {
        font-family: Lato, sans-serif;
    }

    body {
        background: #333333 url(bg.gif) no-repeat top center;
        padding: 0;
        margin: 0;
        font-size: 20px;
        background-attachment: scroll !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
    }

    #site {
        width: 100%;
        overflow: hidden;
    }

    #site-content {
        transition: 1s;
        display: flex;
        translate: -0% -0%;
        width: fit-content;
        height: fit-content;
    }

    #main {
        display: block;
        width: 100vw;
        height: fit-content;
    }

    #sidebar {
        background-color: white;
        display: block;
        width: 100vw;
        height: fit-content;
        min-height: 100dvh;
    }

    #close-sidebar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        padding: 50px 30px;
        box-sizing: border-box;
    }

    #sidebar-nav {
        width: 100%;
        box-sizing: border-box;
        padding-inline: 30px;
    }

    #sidebar-nav ul#mainNav1 {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 0;
        margin: 0;
        align-items: center;
    }

    #sidebar-nav ul#mainNav1 li {
        text-align: center;
        width: 80%;
        border-bottom: 1px solid gray; 
        padding-block: 5px;  
    }

    #sidebar-nav ul#mainNav1 li span{
        font-size: 30px;
        font-weight: 500;
    }

    .hide {
        display: none;
    }

    header {
        color: black;
        background-color: white;
        width: 100%;
        height: 110px;
        padding-inline: 130px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    #header-left {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    #header-logo {
        width: 75px;
        height: 75px;
    }

    #header-text {
        font-size: 20px;
        color: #D5A940;
    }

    #navigation {

    }

    #mobile-hero-img {
       display: none;
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position:center;
    }

    #mobile-menu-button {
        display: none;
    }

    ul#mainNav1 {
        display: flex;
        gap: 1rem;
        padding: 0;
        margin: 0;
    }

    ul#mainNav1 li{
        list-style: none;
    }

    ul#mainNav1 li a {
        text-decoration: none !important;
    }

    ul#mainNav1 li a span{
        font-size: 20px;
    }

    #hero {
        width: 100%;
        height: 400px;
    }

    #container {
        position: relative;
        padding-block: 150px;
        box-sizing: border-box;
        background-color: white;
    }

    #content {
        margin: auto;
        width: 1000px;
    }

    h1 {
        font-family: "Lato", sans-serif, "google" !important;
        font-size: 36px !important;
        font-weight: bold !important;
        font-style: normal !important;
        text-align: center;
        text-transform: uppercase !important;
        color: #d5aa41 !important;
    }

    h2 {
        font-family: "Lato", sans-serif, "google" !important;
        font-weight: normal !important;
        font-style: normal !important;
        text-align: center;
        text-transform: none !important;
        color: #d5aa41 !important;
        font-size: 30px !important;
        min-height: unset !important;
        line-height: 1.25 !important;
    }

    h3 {
        font-family: "Lato", sans-serif, "google" !important;
        font-size: 28px !important;
        font-weight: normal !important;
        font-style: normal !important;
        text-align: center;
        text-transform: uppercase !important;
        color: #000 !important;
        line-height: 1.25 !important;
    }

    p {
        margin: 0 !important;
        color: #969696 !important;
        font-family: "Lato", sans-serif, "google" !important;
        font-size: 16px !important;
        font-style: normal !important;
        line-height: 1.5 !important;
    }

    .j-calltoaction-link.j-calltoaction-link-style-3 {
        padding: 0.5rem 2rem;
        background-color: #d5aa41;
        border-color: #d5aa41;
        color: #fff;
        font-size: 18px;
        border-color: #969696;
        border-width: 1px;
        border-style: solid;
        border-radius: 50px;
        font-family: "Lato", sans-serif, "google";
        text-decoration: none;
        transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
        line-height: 1.5;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        text-align: center;
        user-select: none;
        vertical-align: middle;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 300;
        width: fit-content;
        margin-inline: auto;
    }

    .j-nav-level-1, #mainNav2 {
        display: none;
    }
    
    footer {
        background-color: #D5A940;
        color: white;
        width: 100%;
        padding-block: 60px;
        padding-inline: 130px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        position: relative;
    }

    #footer-mobile-logo {
        margin: auto;
        display: none;
    }

    #footer-desktop-logo {
        display: block;
    }

    #footer-top {
        width: 100%;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    #footer-bottom {
        width: fit-content;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        box-sizing: border-box;
    }

    footer #nav-right,#nav-left {
        width: 350px;
    }

    #nav-right p {
        text-align: right;
    }

    footer p {
        font-size: 16px !important;
        color: white !important;
    }

    footer a {
        font-size: 16px;
        color: white !important;
        text-decoration: none;
    }

    #footer-old {
        display: none;
    }

    @media only screen and (max-width: 1000px) {
      /* For mobile phones: */

        body {
            background-attachment: fixed !important;
            background-size: cover !important;
        }

        header {
            height: 110px;
            padding-inline: 20px;
        }

        #header-logo {
            width: 95px;
            height: 95px;
        }

        #header-text {
            display: none;
        }

        #mobile-menu-button {
            display: block;
        }

        #mobile-menu-button img {
            width: 60px;
        }

        ul#mainNav1 {
            display: none;
        }

        #footer-mobile-logo {
            margin: auto;
            display: block;
        }

        #footer-desktop-logo {
            display: none;
        }

        #content {
            padding-inline: 10px;
            box-sizing: border-box;
            margin: auto;
            width: 100%;
        }

        footer {
            flex-direction: column;
            padding-inline: 10px;
        }

        footer #nav-right,#nav-left {
            width: 100%;
            text-align: center;
        }

        footer p,a {
            font-size: 20px !important;
        }

        #footer-top {
            width: 100%;
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
            box-sizing: border-box;
        }

        #nav-right p {
            text-align: center;
        }

    }