:root {
    --logo-for-transparent: url(assets/logo-full-white.svg);
    --logo-icon-black: url(assets/logo-icon-black.svg);

    --logo-width: 420px;
    --logo-height: 100px;
}
hgroup {
    background-image: url(assets/photos/hero-lg.jpg);
    height: 100vh;

    header {
        height: 100vh;
        min-height: 650px;
        padding-top: 0;
        padding-bottom: 0;

        h1 {
            font-size: 3rem;
        }
    }
}
h3 {
    height: 4rem;
}
#contact {
    background-image: var(--logo-icon-black);
    background-position: right 10% bottom 10%;
    background-repeat: no-repeat;
    background-size: 200px;
}