:root {
  --typography-font-headings: 'Ufficio Sans', Arial, Helvetica, sans-serif;
  --typography-font-bodycopy: 'Ufficio Sans', Arial, Helvetica, sans-serif;
  --typography-font-buttons: 'Ufficio Sans', Arial, Helvetica, sans-serif;

  --font-weight-semibold: 400;
} 

@font-face {
  font-family: 'Ufficio Sans';
  src: url('../assets/public/fonts/Ufficio/Ufficio-400.woff2') format('woff2'),
       url('../assets/public/fonts/Ufficio/Ufficio-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ufficio Sans';
  src: url('../assets/public/fonts/Ufficio/Ufficio-700.woff2') format('woff2'),
       url('../assets/public/fonts/Ufficio/Ufficio-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@media screen and (min-width: 1024px) {
  .page-header {
    padding:15px 40px;
  }
}

.sb-user-login-form__branding img,
.sb-user-login-form__branding svg {
  max-height: 80px;
  max-width: 180px;
}