@font-face {
  font-family: 'Varta';
  src: 
    local("Varta"),
    local("Varta Variable"),
    url("/fonts/Varta/Varta-VariableFont_wght.ttf") format("truetype"),
    url("/fonts/Varta/static/Varta-Regular.ttf") format("truetype");
    
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --app-font: "Varta", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
  font-family: var(--app-font);
  background-color: #fff !important;
  margin: 0;
}

.content-shell {
  padding-left: 100px;
  padding-right: 100px;
}

@media (max-width: 768px) {
  .content-shell {
    padding-left: 20px;
    padding-right: 20px;
  }
}

header {
  background-color: #fff !important;
}

main {
  margin-top: 30px;
}

footer {
  background-color: #000 !important;
}

header nav {
  background-color: white !important;
  color: #fff !important;
}

footer nav {
  background-color: #000 !important;
  color: #fff;
}

.logo-img {
  width: 90px;
  margin: 10px;
  background-color: #07689f;
}