body {
    background-color: #00BCAB;
}

.site-header {
    background-color: #00C3ED;
}

.site-hero {
    background: #6cc url('hero-pattern.jpg') center repeat;
}

.hero-text {
    font-family: 'Short Stack', sans-serif;
    -webkit-text-stroke: 8px #2e5cad;
    paint-order: stroke fill;
    letter-spacing: -1px;
}

.site-hero .hero-content {
    min-height: 60vh;
}

@media screen and (max-width: 992px) {
    .site-hero .hero-content {
        min-height: 50vh;
    }
}

.callouts {
    background-color: #f279a6;
}

section {
    scroll-margin-top: 90px;
}