@charset "utf-8";

.footer { width: 100%; background: rgb(37, 42, 63); display: flex; justify-content: center; pointer-events: none; user-select: none; }

@media (max-width: 768px) {
  .footer { justify-content: flex-start; padding: 0px; }
}

.footer-wrapper { background: rgb(37, 42, 63); transition: background-color 250ms ease-in; }

@media (max-width: 600px) {
  .footer-wrapper { padding: 20px; width: 100%; }
}

@media only screen and (min-width: 600px) {
  .footer-wrapper { min-height: 473px; padding: 20px; width: 100%; }
}

@media only screen and (min-width: 732px) {
  .footer-wrapper { min-height: 453px; padding: 20px; width: 100%; }
}

@media only screen and (min-width: 768px) {
  .footer-wrapper { min-height: 450px; width: 100%; padding: 40px; }
}

@media only screen and (min-width: 1024px) {
  .footer-wrapper { max-width: 1024px; min-height: 190px; padding: 0px; }
}

@media only screen and (min-width: 1296px) {
  .footer-wrapper { padding: 12px; max-width: 1296px; }
}

.footer-grid { box-sizing: border-box; width: 100%; font-family: "Open Sans Regular", sans-serif; font-size: 17px; margin: 0px; padding-bottom: 18px; display: block; }

@media (min-width: 1024px) {
  .footer-grid { display: grid; padding: 48px; grid-template-columns: auto 1fr; gap: 57px 32px; }
}

@media (min-width: 768px) {
  .footer-grid { padding-bottom: 32px; }
}

.footer-logo { display: block; width: 40px; height: 40px; fill: white; transition: 250ms ease-in; }

@media (min-width: 1024px) {
  .footer-logo { width: 48px; height: 48px; }
}

.footer-menu { font-family: "Public Sans Bold", sans-serif; list-style-type: none; margin-top: 8px; }

@media (max-width: 1024px) {
  .footer-wrapper { min-height: 0px; }
  .footer-grid { padding-bottom: 0px; }
  .footer-menu { display: none; }
}

@media (min-width: 1024px) {
  .footer-menu { display: flex; flex-wrap: nowrap; align-items: center; margin: 0px; }
}

.footer-menu__link { display: block; padding: 24px 0px; font-family: inherit; font-weight: bold; letter-spacing: 0.2px; text-decoration: none; transition: color 150ms ease-in; white-space: nowrap; position: relative; color: white !important; }

@media (min-width: 1024px) {
  .footer-menu__link:first-of-type { margin-right: 0px; padding-left: 0px; }
  .footer-menu__link { display: flex; align-items: center; font-size: 15px; padding: 0px 17px; height: 48px; border-right: 1px solid gray; border-bottom: medium; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .footer-menu__link { border-bottom: 1px solid gray; }
}

@media (max-width: 768px) {
  .footer-menu__link { border-bottom: 1px solid gray; }
}

.footer-details { margin-top: 40px; font-size: 13px; line-height: 20px; letter-spacing: -0.5px; color: whitesmoke; transition: 250ms ease-in; max-width: 600px; text-align: left; }

@media (min-width: 1024px) {
  .footer-details { grid-column: 2; margin-top: 0px; max-width: 950px; }
}
