:root {
    --brand: #008b87;
    --brand-dark: #008b87;
    --brand-light: #008b87;
}

body {
    background: #008b87 !important;
}

.topbar {
    background: var(--brand);
}

.navbar-brand img {
    height: 34px;
}

.hero {
    background: linear-gradient(180deg,var(--brand) 0%, var(--brand-dark) 100%);
    color: #fff;
    padding: 3.5rem 0;
}

@media (max-width:576px) {
    .hero {
        padding: 2rem 0;
    }
}

.card-validate {
    border: 0;
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
}