:root {
    --white: #ffffff;
    --black: #181818;
    --light-blue: rgb(26, 90, 118);
    --dark-blue: #0e224f;
    --gray: gray;
    --orange: #ff7800;
    --turquoise: #1fd1ce;
    --yellow: rgb(246, 255, 171);
    --primary-color: var(--dark-blue);
    --secondary-color: var(--light-blue);
    --accent: var(--yellow);
}
.accent {
    color: var(--yellow);
}
.accent-2 {
    color: var(--light-blue);
}
.accent-3 {
    color: #32a4d5;
}
.blue-bg {
    background-color: #32a4d5;
}
body {
    font-family: proxima-nova, sans-serif;
    font-weight: 100;
    line-height: 1.6;
}
h1 {
    font-size: 3rem;
}
.btn.btn-link.resource-link,
a {
    text-decoration: none;
}
.active,
.nav-link:hover,
a span:hover,
a:hover {
    color: var(--yellow) !important;
}
.links:hover {
    color: var(--light-blue) !important;
}

.black {
    background-color: var(--black);
}
.hero {
    background: url("https://a.cdnlead.com/site_assets/dmp-us/globe.webp");
}
.title-size {
    font-size: 2.5rem;
}
.subtitle-size {
    font-size: 1.5rem;
}
.btn.btn-light:hover {
    background-color: var(--accent);
    border: var(--accent);
}
.btn.btn-outline-light:hover {
    background-color: var(--dark-blue);
    border: var(--dark-blue);
    color: #fff !important;
}
.resource-link {
    font-size: 25px;
    color: var(--turquoise);
}
.resource-hover {
    color: var(--accent);
}
.footer-links li {
    list-style: none;
}
.footer-links li a {
    color: #fff;
}
.footer-links {
    padding-left: 0 !important;
}
.copyright {
    font-size: 13px;
    opacity: 0.8;
}
.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s;
}
.reveal.appear {
    transform: translateY(0);
    opacity: 1;
}
.bg-dark {
    background-color: #000 !important;
}
@media only screen and (max-width: 1025px) {
    .footer-content {
        padding-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 1.8rem;
    }
}