@media (max-width: 1200px) {
    .single-post .btn-back {
        display: none;
    }

    .involved-page-container a.content-item h3 {
        font-size: 2.5rem;
    }
}

@media (max-width: 1240px) {
    /* Circle slider */
    .circle-slider__close-meta {
        top: 20px;
        left: auto;
        right: 20px;
        width: 54px;
    }

    .circle-slider__close-meta .svg-icon__close {
        display: block;
        width: 26px;
        height: 26px;
    }

    .circle-slider__close-meta .svg-icon__close path {
        fill: var(--white);
    }

    .circle-slider__close-meta .icon-arrow {
        display: none;
    }

    .circle-slider__meta-content {
        padding-top: 0;
    }

    .circle-slider__meta-content .project-meta {
        padding: 30px 80px 0 30px;
    }
}

@media (max-width: 1080px) {
    .circle-slider__meta-content .project-meta {
        max-width: none;
    }
}

@media (max-width: 1024px) {
    .section-title {
        font-size: 4.2rem;
    }

    /* Header */
    .header-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu li {
        margin-left: 15px;
        margin-right: 15px;
    }

    /* Footer */
    .footer .row-bottom, .copyright {
        text-align: center;
    }

    .footer .row-top .columns {
        margin-bottom: 30px;
    }

    .footer .row-top .columns.footer-newsletter {
        margin-bottom: 0;
    }

    /* Intro Section */
    .page-intro-title {
        font-size: 5rem;
    }

    /* Single post */
    .entry-quote-item {
        margin-left: 0;
    }

    .quote-author {
        flex-basis: 150px;
    }

    /* Campaigns */
    .section-exit-policies .summary-item {
        margin-bottom: 30px;
    }

    .section-sectors .section-title,
    .section-exit-policies .section-title {
        font-size: 2.6rem;
    }

    .page-template-front-page .section-exit-policies {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .page-template-front-page .section-exit-policies .section-head {
        padding-bottom: 30px;
    }

    /* Table */
    .table .empty {
        width: 5%;
    }

    /* GWA */
    .section-exit-policies .section-button-wrap {
        margin-top: 0;
    }
}

@media (max-width: 850px) {
    .chart-container.score-rank-chart-wrap {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .header-container {
        justify-content: flex-start;
    }

    .header .nav {
        margin-right: auto;
        margin-left: auto;
    }

    .header .nav-button .title {
        display: none;
    }

    .header .nav-button .short-title {
        display: block;
    }

    .header .logo {
        width: 85px;
    }

    .involved-page-container a.content-item {
        width: 100%;
    }

    .section-mailchimp-form #mc_embed_signup {
        width: 100%;
    }

    .page-template-gwa .section-video {
        margin-block: 40px;
    }

    .section-gwa-text, .section-gallery, .section-gwa-cta.section-campaigns, .section-map {
        margin-block: 50px;
    }

    .section-circle-slider, .section-exit-policies-gwa .container {
        padding-top: 50px;
    }

    .circle-slider__slide, .section-exit-policies-gwa.section-exit-policies {
        padding-bottom: 50px;
    }

    .section-mailchimp-form {
        margin-block: 60px;
    }

    .section-gallery .row {
        --grid-gap: 20px;
    }

    /* Section Circle slider */

    .circle-slider__slide,
    .section-circle-slider .overlay-nav__arrow {
        width: 50vw;
    }

    .section-circle-slider .overlay-nav__arrow.next {
        right: -25vw;
    }

    .section-circle-slider .overlay-nav__arrow.prev {
        left: -25vw;
    }

}

@media (max-width: 750px) {
    h1 {
        font-size: 4rem;
    }

    .section-our-partners {
        padding: 25px 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Footer */
    .footer-newsletter {
        width: 100%;
    }

    /* Latest news */
    .article-post .entry-thumbnail {
        margin-right: 15px;
    }

    /* Campaigns */
    .sectors-item {
        padding-bottom: 50px;
    }

    .sectors-item .head {
        margin-bottom: 20px;
    }

    .sectors-item .title {
        font-size: 3rem;
    }

    .sectors-item .head .icon svg {
        width: 62px;
    }

    .sectors-item .subtitle {
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .sectors-item .text h4 {
        padding: 20px 12px;
        font-size: 1.6rem;
        line-height: 1.4;
    }
}

@media (min-width: 641px) {

    .footer-toggle {
        pointer-events: none;
        cursor: text;
    }

    .footer .row-top .content-column {
        display: block !important;
    }
}

@media (max-width: 640px) {
    body {
        background-color: #F5F5F5;
    }

    .header .logo img {
        box-shadow: none;
    }

    #main, #main-snd {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: calc(var(--vh, 1vh) * 100 - 540px);
    }

    .page-container {
        padding-top: 20px;
    }

    .read-more-toggle {
        display: inline-block;
    }

    .toggle-content {
        overflow: hidden;
        height: 40px;
        transition: height 0.3s ease;
    }

    .toggle-content.show {
        height: var(--height);
    }

    .btn {
        font-size: 1.2rem;
    }

    .dropdown .dropdown-menu {
        padding-bottom: 14px;
    }

    .dropdown .dropdown-menu a {
        line-height: 1.8;
    }

    /* Header */
    .header .nav-button .btn {
        padding-left: 13px;
        padding-right: 6px;
    }

    .header-container {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .header-top-bar .btn-close {
        right: 1px;
    }

    .header .logo {
        margin-top: 0;
        margin-bottom: 0;
    }

    .header .logo .logo-img-mobile {
        display: block;
    }

    .header .logo .logo-img {
        display: none;
    }

    .header .nav {
        display: none;
        position: fixed;
        left: 0;
        top: 62px;
        height: calc(100% - 62px);
        width: 100%;
        opacity: 0;
        transition: 0.6s opacity;
        background-color: var(--blue);
        flex-direction: column;
        justify-content: space-between;
        padding: 16px 12px;
        box-sizing: border-box;
        text-align: center;
    }

    .header .header-button,
    .header .header-button .btn {
        width: 100%;
    }

    .top-bar-active .header .nav {
        height: calc(100% - 87px);
        top: 87px;
    }

    .top-bar-active .header .nav {

    }

    .header .nav.show {
        display: flex;
    }

    .header .nav.show.fade-in {
        opacity: 1;
    }

    .burger-button,
    .header .header-button,
    .header .contact {
        display: block;
    }

    .header .logo {
        margin-right: auto;
        width: auto;
    }

    .header .nav-button {
        margin-right: 10px;
    }

    .header-container {
        padding-right: 5px;
    }

    .main-menu {
        padding-top: 30px;
        padding-bottom: 46px;
        flex-direction: column;
        font-size: 3rem;
        font-weight: 400;
        margin-top: auto;
        margin-bottom: auto;
    }

    .main-menu li {
        margin: 6px 0;
    }

    .nav .contact {
        color: var(--white);
        font-size: 1.2rem;
        line-height: 1.2;
        padding-bottom: 15px;
    }

    .nav .contact h6 {
        font-size: 1.4rem;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .nav .contact a {
        color: var(--white);
    }

    /* Page Intro */
    .page-intro {
        background-size: auto 100%;
        background-position: 88% bottom;
        background-repeat: no-repeat;
        min-height: auto;
        padding-top: 0;
        padding-bottom: 45px;
        margin-top: -40px;
        align-items: flex-end;
    }

    .page-intro-title {
        margin-bottom: 25px;
        font-size: 4rem;
        line-height: 1.1;
    }

    .page-intro-subtitle,
    .page-intro-content {
        font-size: 1.2rem;
        color: var(--black);
        line-height: 1.6;
    }

    .page-intro-content .text {
        display: none;
    }

    .page-intro .scroll-down {
        display: none;
    }

    .page-intro-content .btn {
        margin-top: 0;
    }

    /* Scorecard Table */
    .page-scorecard .page-intro {
        background-size: auto 240px;
        background-position: top right;
        background-repeat: no-repeat;
        display: block;
        height: auto;
        min-height: auto;
        padding-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

    .top-bar-active .page-scorecard .page-intro {
        height: auto;
        min-height: auto;
    }

    .page-scorecard .page-intro:before,
    .page-scorecard .page-intro:after {
        height: 240px;
    }

    .page-scorecard .page-intro .page-intro-title {
        font-size: 3rem;
        height: 210px;
        display: flex;
        align-items: flex-end;
        max-width: 400px;
        margin-bottom: 30px;
    }

    .page-scorecard .page-intro .page-intro-subtitle {
        font-size: 1.2rem;
        color: var(--black);
        line-height: 1.6;
    }

    .companies-table-wrap {
        min-width: min-content;
    }

    .site-main:not(.page-company) #companies-table th:first-child, .site-main:not(.page-company) #companies-table td:first-child {
        min-width: auto;
    }

    .table .thead-row th.col-fossil-fuel-insurance, .table .thead-row th.col-fossil-fuel-divestment {
        width: 240px;
    }

    .table th {
        padding: 17px 12px;
    }

    .table td {
        padding: 3px 12px 5px;
    }

    .table td .company-score .score-current {
        font-size: 1.4rem;
    }

    .table .company-risk {
        margin-top: 0;
    }

    .table .empty {
        width: 3%;
    }

    .page-company .table .empty {
        width: 1%;
    }

    .page-company .table .empty:last-child {
        width: 0%;
    }

    /* Scroll bar */
    /*.scrollable-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }

    .sc-scroll-indicator {
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }*/

    /* Sections */
    .section-title {
        font-size: 2.4rem;
    }

    .page-scorecard .section-title {
        font-size: 2rem;
    }

    .section-head .text {
        font-size: 1.4rem;
    }

    .section-head .text + .section-subtitle {
        font-size: 2.4rem;
        padding-top: 10px;
    }

    /* Methodology section */
    .section-methodology {
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
    }

    .section-methodology .section-text {
        font-size: 1.3rem;
    }

    .page-scorecard .section-methodology {
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 30px;
    }

    /* Earlier Reports Section */
    .section-earlier-reports {
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
    }

    .page-scorecard .section-earlier-reports {
        padding-bottom: 30px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 40px;
    }

    .section-earlier-reports .section-title {
        text-align: center;
    }

    .report-items {
        justify-content: center;
    }

    .report-item {
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Partners section */
    .section-our-partners {
        background-color: transparent;
    }

    .section-our-partners .section-title {
        font-size: 2rem;
    }

    .partner-item {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .partner-item img {
        mix-blend-mode: darken;
    }

    /* Statistic section */
    .section-statistic.unusable-coal .section-head {
        display: block;
    }

    .section-statistic.unusable-coal .section-title {
        text-align: center;
        margin-bottom: 10px;
    }

    .section-statistic.unusable-coal .years {
        justify-content: center;
    }

    .section-statistic.unusable-coal .columns {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Section company data */
    .section-company-data {
        margin-bottom: 30px;
        border-bottom: 1px solid #DEDEDE;
        padding-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-company .section-title {
        font-size: 1.8rem;
    }

    /* Charts */
    .section-score-rank-chart, .section-rank-over-time {
        background-color: transparent;
    }

    .section-score-rank-chart {
        padding: 0;
    }

    .section-score-rank-chart .section-head {
        padding-bottom: 10px;
        position: relative;
    }

    .section-score-rank-chart, .section-rank-over-time {
        margin-bottom: 30px;
    }

    .section-rank-over-time,
    .page-scorecard-compare .section-score-rank-chart {
        border-bottom: 1px solid #DEDEDE;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 0;
        padding-bottom: 15px;
    }

    .section-rank-over-time {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-scorecard-compare .section-score-rank-chart {
        padding-left: 15px;
        padding-right: 15px;
    }

    .chart-categories {
        display: none;
    }

    .chart-categories-dropdown {
        display: inline-block;
    }

    .chart-container .chart-tooltip {
        background-color: #f5f5f5;
        font-size: 0.9rem;
        line-height: 1.2;
    }

    .chart-container .chart-tooltip .company-score {
        font-size: 1.5rem;
    }

    /* Footer */
    .footer .row-bottom:before {
        width: 100%;
        left: 0;
    }

    .footer .row-top {
        padding-top: 20px;
        padding-bottom: 0;
        text-align: center;
    }

    .footer .row-top .columns.footer-newsletter {
        order: 1;
        margin-bottom: 40px;
    }

    .footer .row-top .columns.footer-some {
        order: 2;
    }

    .footer .row-top .columns.footer-contact {
        border-top: 1px solid #F8F8F8;
        order: 3;
        margin-bottom: 0;
    }

    .footer .row-top .columns.footer-nav {
        border-top: 1px solid #F8F8F8;
        order: 4;
        margin-bottom: 0;
    }

    .footer .row-bottom:before {
        background-color: var(--orange);
    }

    .footer .row-top .columns.footer-contact h3,
    .footer .row-top .columns.footer-nav h3 {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer .row-top .columns.footer-contact .content-column,
    .footer .row-top .columns.footer-nav .content-column {
        padding-bottom: 10px;
        display: none;
    }

    .footer .row-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Company */
    .table-view .table__head {
        background-color: #EDEDED;
    }

    .page-company .section-rank-over-time .content-area-footer {
        display: none;
    }

    #companies .scroll-arrows {
        display: flex;
    }

    .section-notice {
        margin-bottom: 0;
        padding-left: 7px;
        padding-right: 7px;
    }

    /* Company */
    main.page-scorecard-compare .entry-header .entry-title,
    main.page-scorecard-compare .entry-header .compare-dropdown {
        display: none;
    }

    .section-score-rank-chart .btn-back {
        display: flex;
        position: absolute;
        top: 8px;
        left: 0;
        width: 33px;
        height: 33px;
    }

    .section-score-rank-chart .btn-back .icon-arrow {
        width: 13px;
        margin-left: 9px;
    }

    /* Latest news */
    .section-latest-news {
        padding-top: 25px;
    }

    .section-latest-news .section-head {
        margin-bottom: 30px;
        padding-bottom: 0;
        border-bottom: none;
        flex-wrap: wrap;
        position: relative;
    }

    .section-latest-news .section-title {
        font-size: 2rem;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--black);
        padding-right: 150px;
        width: 100%;
    }

    .section-latest-news .section-head .btn {
        height: 30px;
        font-size: 1rem;
        margin-right: 5px;
        padding: 0 10px;
    }

    .section-latest-news .section-head .btn-back {
        width: 30px;
        position: absolute;
        top: -5px;
        right: 0;
        padding: 0;
    }

    .section-latest-news .section-head .btn-back .icon-arrow {
        margin-right: 4px;
    }

    .article-post {
        flex-direction: column;
    }

    .article-post .entry-thumbnail {
        flex-basis: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .article-post .entry-post {
        flex-basis: auto;
    }

    .article-post .entry-title {
        font-size: 2.4rem;
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .article-post .entry-excerpt,
    .article-post .entry-bottom-meta .entry-category-list:first-child,
    .article-post .entry-bottom-meta .separator {
        display: none;
    }

    .article-post .entry-bottom-meta {
        margin-top: 0;
    }

    .page-header.has-filter .page-title {
        font-size: 3rem;
    }

    .page-header.has-filter {
        padding-bottom: 10px;
    }

    .filter-selected-terms {
        display: none;
    }

    .header-selected-terms {
        margin-bottom: 20px;
    }

    .header-selected-terms .filter-selected-terms {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .page-header .filter-btn {
        margin-left: auto;
    }

    /* Testimonials section */
    .section-testimonials {
        padding-top: 200px;
        background-size: 100% auto;
        background-color: #000;
    }

    .section-testimonials:before {
        height: 70%;
    }

    .section-testimonials .section-title {
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .section-testimonials .section-text {
        font-size: 14px;
    }

    .quote-item .text:before {
        display: block;
        width: 100%;
        font-size: 16rem;
        text-align: left;
        margin-bottom: -15px;
    }

    .section-testimonials .content-area-inner {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .quote-item .text {
        font-size: 2rem;
        line-height: 1.3;
    }

    .quote-item .name {
        font-size: 1.4rem;
    }

    /* Demands section */
    .section-demands {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .section-demands .section-head {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .section-demands .section-title {
        font-size: 3rem;
    }

    .demands-slider {
        margin-left: 5px;
    }

    .demands-item {
        letter-spacing: -1px;
        margin-bottom: 30px;
    }

    .demands-item:last-child {
        margin-bottom: 0;
    }

    .demands-item .number {
        font-size: 2rem;
    }

    .demands-item .text {
        line-height: 1.3;
    }

    .demands-item:last-child {
        padding-right: 20px;
    }

    .page-template-about .demands-item-container {
        background: none;
        border-radius: 0;
        padding: 0;
    }

    /* Policies section */
    .section-exit-policies {
        padding-bottom: 20px;
    }

    .section-exit-policies .section-head {
        margin-bottom: 0;
    }

    .section-exit-policies .section-title {
        text-align: left;
        font-size: 3rem;
        margin-bottom: 0;
    }

    .page-template-front-page .section-exit-policies .section-title {
        font-size: 2rem;
    }

    .section-exit-policies .number-company,
    .section-exit-policies .number {
        text-transform: none;
        font-size: 1.4rem;
    }

    .section-exit-policies .name {
        font-size: 1rem;
    }

    /* Single post */
    .entry-title {
        font-size: 3rem;
        margin-bottom: 15px;
    }

    .entry-meta {
        font-size: 1rem;
        margin-bottom: 25px;
    }

    .entry-meta .separator {
        margin-left: 7px;
        margin-right: 7px;
    }

    .entry-content figcaption {
        font-size: 1rem;
    }

    .entry-content figure {
        padding-bottom: 20px;
    }

    .entry-quote-item {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .quote-author {
        flex-basis: auto;
        text-align: center;
        padding: 0;
        border: none;
        margin-right: 0;
        align-items: center;
    }

    .quote-text {
        font-size: 1.8rem;
        text-align: center;
        padding-bottom: 0;
    }

    .entry-content h2 {
        font-size: 2.4rem;
    }

    .entry-section {
        margin-top: 40px;
    }

    .section-related {
        margin-top: 28px;
    }

    .page-company .section-related .section-title {
        font-size: 2rem;
    }

    .section-related .section-head {
        padding-bottom: 7px;
        margin-bottom: 20px;
    }

    .section-related .article-post + .article-post {
        margin-top: 40px;
    }

    .sticky-share {
        display: none;
    }

    .entry-container .entry-share {
        display: block;
        text-align: center;
        padding-top: 50px;
    }

    .entry-container .entry-share p {
        color: var(--orange);
        margin-bottom: 7px;
    }

    .entry-container .entry-share .share-buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .entry-container .btn-share {
        margin-right: 7px;
    }

    .entry-container .btn-share:last-child {
        margin-right: 0px;
    }

    /* About page */
    .page-template-about .page-intro {
        align-items: flex-start;
        padding-top: 25px;
    }

    .page-template-about .page-intro-title {
        margin-bottom: 8px;
        font-size: 3rem;
    }

    .page-template-about .page-intro-content .text {
        display: block;
        color: var(--white);
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .page-template-about .page-intro-content .btn {
        display: none;
    }

    /* Newsletter page */
    .section-past-issues .section-title {
        font-size: 2rem;
    }

    .section-past-issues .section-head {
        padding-bottom: 6px;
        margin-bottom: 18px;
    }

    .section-past-issues {
        padding-top: 30px;
    }

    .section-past-issues .issue-item {
        margin-bottom: 10px;
    }

    /* Campaigns */
    .page-template-campaign .page-intro-title {
        font-size: 3rem;
    }

    .page-template-campaign .page-intro {
        align-items: flex-start;
        padding-top: 25px;
        background-position: 50% bottom;
    }

    .section-exit-policies .summary-item:last-child {
        margin-bottom: 0;
    }

    .section-sectors {
        padding-top: 0;
    }

    .section-sectors .section-head {
        padding-bottom: 20px;
    }

    .section-sectors .section-title {
        font-size: 2rem;
        padding-right: 0;
    }

    .page-template-gwa .section-video, .section-gwa-text, .section-gallery, .section-gwa-cta.section-campaigns {
        margin-block: 40px;
    }

    .section-circle-slider, .section-exit-policies-gwa .container {
        padding-top: 40px;
    }

    .circle-slider__slide, .section-exit-policies-gwa.section-exit-policies {
        padding-bottom: 40px;
    }

    .section-mailchimp-form {
        margin-block: 40px;
    }

    .section-ressource {
        margin-top: 40px;
    }

    /* Section Circle slider */

    .circle-slider__slide,
    .section-circle-slider .overlay-nav__arrow {
        width: 60vw;
    }

    .section-circle-slider .overlay-nav__arrow.next {
        right: -40vw;
    }

    .section-circle-slider .overlay-nav__arrow.prev {
        left: -40vw;
    }

    .circle-slider__meta-content {
        font-size: 1.8rem;
    }

    .circle-slider__meta-content .project-meta {
        padding: 30px 70px 0 20px;
    }

    .circle-slider__close-meta {
        top: 16px;
        right: 16px;
    }
}

@media (max-width: 480px) {
    [id*=download-report-dropdown] span {
        display: none;
    }

    .section-gallery .row {
        --grid-gap: 10px;
    }
}

@media (max-width: 420px) {
    h1 {
        font-size: 3rem;
        margin-bottom: 10px;
    }

    .form-inline .field:not(.field-checkbox) {
        width: 100%;
    }

    .form-inline .action {
        text-align: left;
    }

    .header-container {
        padding-right: 0;
        padding-left: 12px;
    }

    /* Company */
    .table-view-3-column.table-company-policy .table__col:nth-child(2) {
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-view-3-column.table-company-policy .table__col:nth-child(1) {
        width: 60%;
    }

    .table-view-3-column.table-company-policy .table__col:nth-child(3) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .section-company-data p {
        font-size: 1.2rem;
    }

    .section-notice {
        font-size: 1rem;
    }

    /* Latest News */
    .article-post .entry-title {
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .article-post .entry-date {
        font-size: 1rem;
        margin-bottom: 6px;
    }

    .article-post .entry-excerpt {
        font-size: 1.2rem;
    }

    .page-header.has-filter .page-title {
        font-size: 2rem;
    }

    .page-header.has-filter {
        padding-bottom: 6px;
        margin-bottom: 20px;
    }

    .page-header .filter-btn {
        height: 30px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .page-header .filter-btn .icon {
        width: 15px;
    }

    /* Single article */
    .quote-author .photo {
        width: 42px;
        height: 42px;
        margin-bottom: 8px;
    }

    .quote-author .name {
        font-size: 1.2rem;
    }

    .quote-author .title {
        font-size: 1rem;
    }

    .quote-text {
        font-size: 1.6rem;
        letter-spacing: normal;
    }
}