.mainlogo {
    background-image: url(/img/kaakchirurgie_slotervaart.png);
    width: 390px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    left: -25px;
    margin-bottom: 1rem;
}

:root {
    --primary: #163044;
    --background-light: #fafafa;
    --secondary: #ff8201;
    --background-dark: #f0f0f0;
    --page-primary-color: var(--primary);
    --link: var(--secondary);
    --menu-font-color: #ffffff;
    --menu-background: var(--primary);
    --footer-background: var(--primary);
    --highlight: var(--secondary);
    --note-background: var(--background-light);
    --background-darker: #bbc1ce;
}

@media (max-width: 678px) {
    .mainlogo {
        width: 270px;
    }
}