html,
body {
    font-family: "Maven Pro", sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to right, #73bbab, #595f65);
    /* background-image: url('background-3s-hex-sco.png'); */
}

main {
    flex: 1;
    padding: 2rem;
}

footer {
    background: linear-gradient(to right, #73bbab, #595f65);
    color: white;
    padding: 1rem;

    bottom: 0;
    width: 100%;
}



.nav-wrapper, nav {
    background: linear-gradient(to right, #73bbab, #595f65);
    box-shadow: none !important;
    border: none !important;
}

.brand-logo {
    letter-spacing: 0.5em;
    color: #595f65 !important;
    font-weight: 100;
}

@media (max-width: 768px) {
    .brand-logo {
        letter-spacing: 0.25em;
    }
}