#site-header {
    height: var(--header-height);
    position: fixed;
    width: 100%;
    top: calc(100% - var(--header-height));
    z-index: 999;
    .header-logo svg {
        width: 100%;
        @media screen and (max-width: 781px) {
            width: 85%;
        }
    }
    a.sign-up-button {
        svg {
            transition: all 1s ease;
            height: 12px;
            margin-right: var(--zero-point-five-spacer);
        }
        &&:hover {
            svg {
                transform: rotate(360deg);
            }
        }
        
    }
}