* {
    --a-color: #666666;
    --background-color: #ffffff;
    --breadcrumb-color: #323232;
    --footer-color: #666666;
    --header-color: #1a1a1a;
    --p-question-color: #1a1a1a;
    --p-welcome-color: #1f2224;
}

html,
body {
    overflow-x: hidden;
}
body {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .logo-container {
        margin: auto;
        max-width: 1200px;
    }

    .welcome-container {
        margin: auto;
        max-width: 960px;
    }

    .welcome-header {
        font-size: 36px !important;
        line-height: 48px;
        padding-bottom: 20px;
        padding-top: 40px;
    }

    .welcome-paragraph {
        font-size: 20px !important;
        line-height: 32px;
    }

    .question-paragraph {
        font-size: 23px;
    }

    .footer-container {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .logo-container {
        width: 90%;
    }

    .welcome-header {
        font-size: 29px !important;
        line-height: 40px;
        padding-bottom: 16px;
        padding-top: 24px;
    }

    .welcome-paragraph {
        font-size: 16px !important;
        line-height: 24px;
    }

    .question-paragraph {
        font-size: 20px;
    }

    .footer-container {
        font-size: 12px;
        line-height: 17px;
    }
}

.logo {
    background-color: var(--background-color);
    max-width: 160px;
    vertical-align: center;
}

.welcome-container {
    background-color: var(--background-color);
}

.welcome-header {
    color: var(--header-color);
    font-family: Mont;
    font-weight: 900;
    letter-spacing: 0;
    text-align: center;
}

.welcome-paragraph {
    color: var(--p-welcome-color);
    font-family: OpenSans;
    letter-spacing: 0;
    text-align: left;
}

.question-paragraph {
    color: var(--p-question-color);
    font-family: Mont;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.footer-container {
    color: var(--footer-color);
    font-family: OpenSans;
    margin-left: auto;
    margin-right: auto;
}

.footer-links {
    margin: 8px 0 0 0;
    text-align: center;
}

.footer-signature {
    margin: 8px 0 124px 0;
    text-align: center;
}

.forceCommunityRichText a {
    color: var(--a-color) !important;
}

.slds-breadcrumb .slds-breadcrumb__item > a {
    color: var(--breadcrumb-color) !important;
    font-size: 16px;
    line-height: 24px;
}

.slds-card {
    border-style: none !important;
}