* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #003994;
}

h1,
h2,
h3,
h4 {
    font-family: "Domine", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

ul {
    margin-bottom: 1em;
}

section {
    margin-bottom: 4em;
}

section:first-of-type {
    margin-top: 2em;
}


strong {
    font-weight: 600;
}

.wrap {
    @media (min-width: 1024px) {
        display: flex;
    }
}

.nav {
    @media (min-width: 1024px) {
        min-width: 300px;
        width: 300px;
    }
}

.main {
    @media (min-width: 1024px) {
        padding-right: 20vw;
    }
}

.desktop-only {
    display: none;

    @media (min-width: 1024px) {
        display: block;
    }
}