/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

:root {
    --white: #FFFFFF;
    --white-filter: invert(1);
    --dark-white: #EFEEED;
    --black: #000000;
    --light-gray: #F8F8F8;
    --gray: #868686;
    --dark-blue: #102337;
    --dark-blue-rgb: 16, 35, 55;
    --blue: #4E74B6;
    --gold: #FFDA89;
    --gold-filter: invert(92%) sepia(85%) saturate(523%) hue-rotate(315deg) brightness(96%) contrast(110%);
    --dark-gold: #4D3613;

    --text: var(--black);
    --light-text: var(--white);
    --light-icon: var(--white-filter);
}
body {
    font-family: "Montserrat", sans-serif;
}
body.navbar-open { overflow: hidden; }
img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

section {
    scroll-margin-top: var(--navbar-height);
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}