:root {
    /* define colour palette */
    --ismvr-white: #F2F2F2;
    --ismvr-black: #222222;
    --ismvr-blue: #659DBD;
    --ismvr-gold: #DBA507;
    --ismvr-error: #E84E4F;
    --ismvr-blue-dark: #0c4051;

    /* apply it to theme */
    --background: var(--ismvr-white);
    --text: var(--ismvr-black);
    --heading: var(--ismvr-black);
    --subheading: var(--ismvr-blue);
    --menu: var(--ismvr-black);
    --menu-link: var(--ismvr-blue);
    --menu-link-hover: var(--ismvr-white);
    --splash: var(--ismvr-blue);
    --ribbon: #163b49;
}

@font-face {
    font-family: "Hooskai Chamfered Square";
    src: url(/font/HooskaiChamferedSquare.ttf);
}

a {
    color: var(--ismvr-blue);
}

.ismvr-logo {
    font-family: 'Hooskai Chamfered Square', sans-serif;
}

.splash-container {
    height: 70%;
}
.splash {
    top: 40px; left: 0; bottom: 0; right: 0;
}
.content-wrapper {
    top: 69%;
}

.content-head-ribbon {
    margin: 1em 0 1em;
}

.icon {
    height: 1rem;
}

.footer {
    position: absolute;
    color: var(--ismvr-white);
}

.use-case p {
    text-align: justify;
}
.use-case .content-head {
    margin-top: 0;
}

.ref-link {
    font-size: .7rem;
    vertical-align: super;
    text-decoration: none;
    color: var(--ismvr-blue);
}
.ref {
    margin-bottom: 0.5rem;
}

.cc-icon {
    height: 1em;
    margin-right: 0.125em;
    display: inline;
}