body{
  margin-top: 56px;
  padding-top: 0;
}

.navbar {
    background: var(--fsm-color-surface-subtle-default);
    color: var(--fsm-color-typography-text-default);
    font-size: var(--fsm-text-medium-font-size);
    height: 56px;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
  }
  

.logo-link {
  padding: var(--fsm-spacing-4) var(--fsm-spacing-6);
  flex-shrink: 0;
  display: grid;
  place-items: center;
}

@media(width < 768px) {
  .logo-link {
    padding: 0 var(--fsm-spacing-6);
  }
}

.logo-picture {
  display: block; 
}

.logo {
  display: block;
}