/* XXXXXXXXXXXXX WTF is this */
:root {
	--bs-primary-rgb: #fff;
	--nav-color: #777;
	--nav-color: white;
	/* --nav-color-bg: rgba(119,119,119,0.5); */
	--nav-color-bg: transparent;
	--bs-offcanvas-color: var(--bs-primary-rgb);
	--bs-nav-link-font-size: 60px;
	--bs-body-font-size: 1.3rem;
}


.offcanvas-xxxxl, .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
	/* --bs-offcanvas-bg: white; */
	/* --bs-offcanvas-width: 100%; */
	--bs-offcanvas-width: 100%;
  --bs-offcanvas-bg: #003537;
}


body {
	
}

.hidden {
	display: none !important;
}

/* XXXXXXXXXXXX FIX THIS!!! IMPORT!! */

@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto+Serif&display=swap');

@font-face {
	font-family: ffs;
	src: url('../fonts/DMSans-Medium.ttf');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: ffsh;
	src: url('../fonts/DMSans-SemiBold.ttf');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: ffsb;
	src: url('../fonts/DMSans-Bold.ttf');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "APR";
	font-weight: 400;
	src: url("../fonts/APR.otf");
}

body, input, a, p, h1, h2, h3, h4, span {
	font-family: 'ffsh', 'DM Sans', 'Roboto Serif', 'APR', Arial, sans-serif !important;
	/* font-family: 'APR', Arial, sans-serif !important; */
	/* color: #513311 !important; */
}

h1, h2 {
	font-family: 'ffsh', 'DM Sans', 'Roboto Serif', 'APR', Arial, sans-serif !important;
}
h1.extreme {
	font-size: 5rem !important;
}
h1 {
	font-size: 4rem !important;
}
h2 {
	font-size: 3rem !important;
}

.navbar-brand img {
	/* max-width: 300px; */
	max-width: 200px;
	height: auto;
}
/* #main-nav .img-fluid {
	max-width: 300px;
	height: auto;
} */

/* navbarNavOffcanvas */
.offcanvas {
	background-color: var(--bs-offcanvas-bg) !important;
}

#wrapper-sub-footer {
	background: #f1f1f1;
	padding-bottom: 0;
}

#wrapper-footer {
	background: #e1e1e1;
}

.navbar-toggler {
	background: var(--nav-color-bg);
}

.fwbg {
	/* margin-bottom: 50px !important */
	
}

@media ( max-width : 1200px) {
}

@media ( max-width : 1000px) {
}

@media ( max-width : 800px) {
}

@media ( max-width : 500px) {
}

@media ( max-width : 450px) {
}