html {
  overflow-x: hidden;
}
/* geist-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/geist-v1-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geist-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/geist-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geist-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/geist-v1-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geist-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/geist-v1-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geist-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/geist-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geist-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geist';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/geist-v1-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --bs-primary :#d4310f;
  --bs-dark:black;
  --bs-dark-rgb: 0, 0, 0;
  --bs-link-color-rgb: 212, 49, 15;
}
.navbar-brand img {
  height:80px;
}

body {
  font-size: 1.25rem;
  font-family: 'Geist','Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
}
p, li, span {
  font-weight: 400;
}
h1, .h1 {
  font-weight: 700;
}
h2, .h2 {
  font-weight: 700;
}
h3, .h3 {
  font-weight: 700;
}
.bg-whitesmoke {
  background-color: whitesmoke;
}

#main-navbar {
  transition: all 200ms ease;
  background-color: black;
}

#main-navbar.shrink {
  height: auto;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
a.navbar-brand img {
  max-height: 60px;
  width: auto;
}
@media (min-width:1320px) {
  .offcanvas-header {
    padding-top: 2rem;
  }
  a.navbar-brand {
    font-size: 2rem;
  }  
  a.navbar-brand img {
    max-height: 60px;
  }
}

.offcanvas-header .btn-close {
  position: absolute;
  left: -2rem;
}


.flow-header-left header,
.flow-left {
  position: relative;
  left: -50%;
  background-color: var(--bs-primary);
  padding: 1rem;
  margin-bottom: 1rem;
  width: 150%;
}