body {
    font-family: "Source Sans Pro";
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .raleway {
    font-family: "Raleway";
}

.bg-primary {
    --bg-opacity: 1;
    background: rgba(1, 31, 79, var(--bg-opacity));
}

.hover\:bg-primary:hover {
    --bg-opacity: 1;
    background: rgba(1, 31, 79, var(--bg-opacity));
}

.text-primary {
    --text-opacity: 1;
    color: rgba(1, 31, 79, var(--text-opacity));
}

.border-primary {
    --border-opacity: 1;
    border-color: rgba(1, 31, 79, var(--border-opacity));
}

.hover\:border-b:hover {
    border-bottom-width: 1px;
}

.menu-offscreen {
    right: -100%;
}

.service-tooltip {
    width: 200%;
    left: -50%;
}

.services-hover:hover .service-tooltip {
    display: block !important;
}