﻿#main-body-section {
    margin: 52px auto 52px;
}
    
    #main-body-section > .d-flex {
        gap: 24px;
    }

    #main-body-section > .d-flex > div:first-of-type {
        flex: 3;
    }

    #main-body-section > .d-flex > div:last-of-type {
        flex: 1;
    }

.term-link {
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    line-height: 34px;
    color: #085A9E;
    margin-bottom: 32px;
}

#index-key {
    font-weight: bold;
    font-size: 124px;
    line-height: 124px;
    letter-spacing: 0px;
    color: #123925;
}

#results-section {
    gap: 60px;
}

#popular-featured-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.popular-terms-section {
    padding: 24px 36px;
}

    .popular-terms-section > .d-flex {
        margin-bottom: 32px;
    }


#no-results-message {
    font-size: 20px;
    font-weight: bold;
}


@media (max-width: 767px) {
    #main-body-section > .d-flex {
        flex-direction: column;
        gap: 68px;
    }

    .featured-whitepaper-section {
        display: none;
    }

    #results-section {
        flex-direction: column;
        gap: 28px;
    }

    .term-link:last-of-type {
        margin-bottom: 0px;
    }


}
