.pgDivider { padding: 40px 0 !important; border-block: 3px solid #e4933d; background-color: #f5faff;}
.header div { color: white; }
h1 { text-align: center; padding-top: 50px; font-family: 'Cormorant Garamond'; font-weight: 400; }
#summaryPg h2 { font-family: 'Cormorant Garamond'; }
#h1sub_1 { margin-bottom: 50px; }
.resultsImg, .resultsImg img { width: 120px; height: 120px; }
.summaryTTl:before { content: '\2713'; display: inline-block; color: #00A452; padding: 0 6px 0 0; }
.green { color: #00A452; }
.orange { color: #e4933d; font-weight: 400; }

.getWorkbookBtn { margin-bottom: 15px !important; }
.freeUnderBtn { text-align: center; font-style: italic; margin-bottom: 75px; }

@media only screen and (min-width: 640px) {
    h1 { font-size: 50px; }
    #summaryPg h2 { font-size: 45px; }
    #appHeroDesk { width: 450px; }
    .onlyMob { display: none; }
    .getWorkbookBtn, .freeUnderBtn {
        width: 400px !important;
    }
    .getWorkbookBtn {
        margin-inline: 0 !important;
    }
}

@media only screen and (max-width: 639px) {
    h1 { padding-top: 25px; }
    #h1_1 div { text-align: center; }
    #h1sub_1 { margin-bottom: 30px; }
    #appHero { height: 350px; width: calc(350px*950/1074) !important; }
    #heroImgJs { display: flex; align-items: center; justify-content: center; margin-block: 10px -20px; }
    h4 { font-size: 18px; line-height: 32px; }
    .backedResearchElements { margin-block: 50px; }
    .onlyDesk { display: none; }
}


/** ==== ARTICLES ===  **/
.oneArticle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oneArticleImg img {
    width: 100%; height: 100%;
}

.oneArticleLastUpdated {
    font-size: 14px;
    font-style: italic;
    color: #808080;
}

.articleDivider {
    height: 3px;
    border-radius: 2px;
    background-color: #f27038;
    opacity: 0.4;
}

.readBtn {
    border-radius: 20px;
    padding: 9px 20px;
    font-size: 16px;
    background: #ffbb00;
    color: #1b3c46;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 639px) {
    #latestArticles h2 {
        margin-bottom: 50px;
    }
    .oneArticleText h4, .oneArticleText h3, .oneArticleText p {
        text-align: center;
    }
    .oneArticleText h3 {
        font-size: 25px;
        line-height: 38px;
    }
    .oneArticleImg {
        margin: 35px auto;
        width: 60vw;
    }
    .articleDivider {
        margin: 50px auto 50px;
        width: 50%;
    }
    .readBtn {
        margin: 30px auto;
        width: 50%;
    }
}

@media only screen and (min-width: 640px) {
    #latestArticles h2 {
        margin-bottom: 100px;
    }
    .oneArticle {
        max-width: 768px;
        margin-inline: auto;
    }
    .oneArticleText {
        width: 70%;
    }
    .oneArticleImg {
        height: 250px;
    }
    .oneArticleText h3 {
        font-size: 30px;
        line-height: 43px;
        margin-bottom: 25px;
    }
    .articleDivider {
        margin: 100px auto;
        width: 40%;
    }
    .readBtn {
        margin-top: 30px;
        width: 100px;
    }
}