@font-face {
    font-family: 'Russo One';
    src: url('font/RussoOne.eot');
    src: url('font/RussoOne.eot?#iefix') format('embedded-opentype'),
        url('font/RussoOne.woff2') format('woff2'),
        url('font/RussoOne.woff') format('woff'),
        url('font/RussoOne.ttf') format('truetype'),
        url('font/RussoOne.svg#RussoOne') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Regular.eot');
    src: url('font/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Poppins-Regular.woff2') format('woff2'),
        url('font/Poppins-Regular.woff') format('woff'),
        url('font/Poppins-Regular.ttf') format('truetype'),
        url('font/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello_January_script Script';
    src: url('font/Hello_January_script-Script.eot');
    src: url('font/Hello_January_script-Script.eot?#iefix') format('embedded-opentype'),
        url('font/Hello_January_script-Script.woff2') format('woff2'),
        url('font/Hello_January_script-Script.woff') format('woff'),
        url('font/Hello_January_script-Script.ttf') format('truetype'),
        url('font/Hello_January_script-Script.svg#Hello_January_script-Script') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --gray: #8B8989;
    --gold: #BD8E00;
    --gold-rgb: 189,142,0;
    --black: #1C1C1C;
}

/* colors */
a, a:link, a:visited {color:var(--gold)}
a:hover {color:var(--gray)}

body {
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    background-attachment: fixed;
    background-image: url('bg.jpg');
    font-family:'Poppins';
    color:white
}
h1, h2, h3, h4, h5, h6, strong, b, .fw-black, h1 small {font-family:'Russo One';line-height:inherit;}
h1, h2, h3, h4, h5, h6 {line-height:1.2}
.font-russo {font-family:'Russo One'}
.font-poppins {font-family:'Poppins';font-weight:normal}
.font-january {font-family:'Hello_January_script Script'}
.fw-medium {font-weight:500}
.fw-100 {font-weight:100}
.fw-200 {font-weight:200}
.fw-300 {font-weight:300}
.fs-0 {font-style:0!important}
.fs-1 {font-size:.75rem!important}
.fs-2 {font-size:1rem!important}
.fs-3 {font-size:1.25rem!important}
.fs-4 {font-size:1.5rem!important}
.fs-5 {font-size:1.75rem!important}
.fs-6 {font-size:2.5rem!important}
.fs-7 {font-size:3rem!important}
.fs-8 {font-size:6rem!important}
.fs-9 {font-size:8rem!important}

/* colors */
.bg-black {background-color:var(--black)}
.bg-gray {background-color:var(--gray)}

.text-gray, pre {color:var(--gray)!important}
.text-gold {color:var(--gold)!important}

.btn-gold {background-color:var(--gold);color:white!important}
.btn-gold:hover, .btn-gold.active {background-color:var(--gray);color:white!important}
.btn-tyndall {background-color:transparent;color:var(--gold)!important}
.btn-tyndall:hover {background-color:transparent;color:var(--gray)!important}

.alert-gold {background-color:rgba(var(--gold-rgb),.6);border-color:var(--gold)}

.qc-cmp2-persistent-link {background:var(--gold)!important;border-color:var(--gold);color:white!important}

/* buttons */

/* navbar */
#navbar {border-bottom:1px solid var(--gray);padding:1.5rem 0 .25rem 0;}
.navbar-toggler {border:0 none;color:var(--gold)!important}
.navbar-toggler.collapsed {color:white!important}
#logo {width:15vw;height:auto}
#menu {margin-top:3.5rem}
#menu .navbar-nav {margin-left:auto}
#menu .nav-item {font-family:'Russo One';margin:0 0 0 2rem;position:relative;cursor:pointer}
#menu .nav-item a {color:white;font-size:1.25rem}
#menu .nav-item:hover .nav-link, #menu .nav-item.active .nav-link {color:var(--gold);transition:all 300ms ease 0ms;}
#menu .nav-item::before {
    content:url('cursor.svg');
    position:absolute;
    z-index:-1;
    left:-2rem;
    top:-.5rem;
    width:8rem;
    transition:all 300ms ease 0ms;
    opacity:0
}
#menu .nav-item:hover::before, #menu .nav-item.active::before {opacity:1}
#menu .dropdown-toggle::after {display:none;}
#menu .dropdown-menu {
    background:rgba(255,255,255,.1);
    border-radius:0;
    margin-top:1.2rem;
    text-align:right;
    padding:0
}
#menu .dropdown-item {border-bottom:1px solid var(--gray);padding-top:.5rem;padding-bottom:.5rem}
#menu .dropdown-item:last-child {border:0 none}
#menu .dropdown-item:hover, #menu .dropdown-item.active {
    background:transparent;
    color:var(--gold);
    transition:all 300ms ease 0ms;
}

/* footer */
footer > div:first-child {border-top:1px solid var(--gray);padding-top:1rem}
footer a, footer a:link, footer a:visited {color:var(--gray)}
footer a:hover {color:var(--gold)}

/* google maps */
.map-responsive {overflow:hidden;padding-bottom:50%;position:relative;height:0;width:100%;margin:1rem 0}
.map-responsive iframe {left:0;top:0;height:100%;width:100%;position:absolute}

@media screen and (max-width:1439px){

}
@media screen and (max-width:1199px){
    #menu {margin-top:0;text-align:center;}
    #menu .nav-item {border-bottom:1px solid var(--gray);margin:0}
    #menu .nav-item:last-child {border:0}
    #menu .nav-item::before {content:''}
    #menu .dropdown-menu {display:block;text-align:center;margin-top:0;background:transparent}
    #menu .dropdown-item:first-child {border-top:1px solid var(--gray)}
}
@media screen and (max-width:991px){
    #logo {width:20vw}
    .container-lg {padding-left:2rem;padding-right:2rem}
    body.default section, body.default section .text-right {text-align:center!important}
}
@media screen and (max-width:768px){
    #logo {width:25vw}
}
@media screen and (max-width:480px){
    .fs-3 {font-size:1rem!important}
    #logo {width:30vw}
}