:root {
    --vpone-blue: #08c;
    --vpone-cyan: #23c5e9;
    --vpone-accent: #00c8fa;
    --vpone-white: #fff;
    --vpone-heading: #111;
    --vpone-text: #333;
    --vpone-muted: #999;
    --vpone-light-muted: #eee;
    --vpone-border: #ccc;
    --vpone-font-body: 'Lato', sans-serif;
    --vpone-font-accent: 'Montserrat', sans-serif;
    --vpone-hero-control-offset: 50px;
    --vpone-hero-overlay: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36));
    --vpone-hero-visible-offset: 100px;
    --vpone-radius: 4px;
}

@media screen and (max-width: 736px) {
    :root {
        --vpone-hero-control-offset: 25px;
        --vpone-hero-visible-offset: 50px;
    }
}