* {
    font-family: $font-family-sans-serif;
}

html, body {
    width: 100%;
    margin: 0;
    height: 100%;
}

::placeholder {
    opacity: 1;
}

a {
    color: #000000;
    text-decoration: none;
}


// Mobile
@media only screen
and (max-width : 900px)
{
    main {
        max-width: 460px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
        padding: 0 1.25rem 0 1.25rem;
    }

    .brand {
        padding: 0 1rem 0 1rem;
        margin: 7rem 0 5rem 0;
    }

    header, #menu {
        padding: 1.25rem 1.75rem 0 1.75rem;
    }

    #menu {
        padding-top: 4rem;
    }

    #menu > a {
        color: white;
        font-size: 8vw;
        font-weight: 600;
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    #menu > a > img {
        height: 1em;
        margin-right: 8px;
    }

    h1 {
        font-size: 12vw;
    }

    h3 {
        font-size: 8vw;
    }

    span {
        font-size: 5vw;
    }

    p {
        font-size: 4vw;
    }
}