@media all and (max-width: 1800px) {
    /* ESSAYS */
    .no-hero .section-content.with-image .content-wrap {
        width: -webkit-calc(100% - 676px);
    }
}
@media all and (max-width: 1500px) {
    .search-btn, a.search-btn,
    .main-nav > ul > li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-btn-list > li:not(:last-child) {
        margin-right: 10px;
    }
    .header-inner-box > .header-btn-box {
        width: 270px;
    }
    #footer:before {
        top: -550px;
    }
    .hero-title {
        font-size: 130px;
    }
    .section-banner.hero .vertical-align-box {
        max-height: 680px;
    }
    body.no-hero blockquote {
        width: 100%;
    }
    body.no-hero .content-wrap.letter-box blockquote {
        width: 45%;
    }
}
@media all and (max-width: 1500px) and (max-height: 780px){
    .hero-title {
        font-size: 115px;
    }
}
@media all and (max-width: 1500px) and (max-height: 660px){
    .hero-title {
        font-size: 100px;
    }
}
@media all and (max-width: 1200px) {
    .header-btn-list a.btn, .header-btn-list .btn,
    .search-btn, a.search-btn,
    .main-nav > ul > li a {
        font-size: 19px;
    }
    .search-btn, a.search-btn,
    .main-nav > ul > li a {
        padding-left: 6px;
        padding-right: 6px;
    }
    .header-btn-list > li:not(:last-child) {
        margin-right: 6px;
    }
    .header-inner-box > .header-btn-box {
        width: 190px;
    }
    .header-btn-list a.btn, .header-btn-list .btn {
        margin-top: -3px;
        min-width: 100px;
        padding: 13px 10px 10px;
    }
    #staff-slider .swiper-wrapper,
    .list {
        margin-left: -10px;
        margin-right: -10px;
    }
        #staff-slider .swiper-slide,
        .list > li {
            width: 32%;
            width: -webkit-calc(33.333% - 5px);
            width: calc(33.333% - 5px);
            padding: 0 10px;
        }
    .indicator-list > li {
        width: 32%;
        width: -webkit-calc(33.333% - 6px);
        width: calc(33.333% - 6px);
    }
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing {
        width: 24%;
        width: -webkit-calc(25% - 6px);
        width: calc(25% - 6px);
    }
    .section-banner.hero .vertical-align-box {
        max-height: 580px;
    }
    .hero-title {
        font-size: 110px;
    }
    .section-content.with-sidebar .content-wrap {
        width: -webkit-calc(100% - 326px);
        width: calc(100% - 326px);
    }
    .section-content.with-sidebar .sidebar {
        width: 320px;
    }
    .widget.resources-widget .widget-title {
        padding-left: 25px;
    }
    .widget.resources-widget {
    }
    .resource-list-box {
        padding-top: 30px;
        padding-left: 25px;
    }
    .resource-list > li:not(:last-child) {
        margin-bottom: 22px;
    }
    .resource-list > li a {
        font-size: 16px;
    }
    .search-btn .icon-search, a.search-btn .icon-search {
        display: none;
    }
    /* ESSAYS */
    .no-hero .section-content.with-image .content-wrap {
        max-width: 100%;
        padding-right: 0;
        width: 100%;
    }
    .no-hero .section-content.with-image .content-wrap.letter-box .content-image {
        /*display: none;*/
        display: block;
        float: none;
        margin-left: 0;
        position: relative;
    }
    .no-hero .section-content.with-image .content-image.mobile-only {
        display: block;
        padding-top: 1.5em;
        position: relative;
    }
    .no-hero .essay-head {
        font-size: 50px;
    }
    .no-hero .essays-nav > ul > li a {
        font-size: 18px;
        padding: 10px 15px;
    }
    .no-hero .essays-nav > ul > li:nth-child(1) a {
        padding: 10px 15px 10px 0;
        margin: 0;
    }
    .no-hero .essay-heavy-head {
        font-size: 50px;
    }
    .no-hero .quote-wrap p {
        font-size: 30px;
    }
    .no-hero .essays-series-masonry-wrap {
        columns: 3 341px;
        column-gap: 1rem;
    }
    .no-hero .author-box-inner p, 
    .no-hero .author-box-inner > a {
        font-size: 1.125em;
    }
    .no-hero a.author-name-lg {
        font-size: 2em;
    }
    body.no-hero .content-wrap.letter-box blockquote {
        width: 100%;
    }
}

@media all and (min-width: 1025px) {
    .not-desktop {
        display: none !important;
    }
}
@media all and (max-width: 1024px) {
     #header {
        position: fixed;
        padding: 5px 0;
        height: 120px;
    }
    #header .container {
    }
    #header:after {
        top: -66px;
        -webkit-transform: rotate(7deg);
        -moz-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        -o-transform: rotate(7deg);
        transform: rotate(6deg);
    }
    #header:before {
        position: absolute;
        z-index: 2;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        -webkit-transition: background-color .35s ease-in;
        transition: background-color .35s ease-in;
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
    }
    .logo {
        float: none;
        max-width: 68px;
        margin: 7px auto 0;
    }
    .header-inner-box {
        display: none;
    }
    .mobile-menu-wrap,
    .mobile-menu-toggle {
        display: block;
    }
    #header.scrolling {
        height: 50px;
        padding: 0;
    }
    /*#header.scrolling:before {
        background-color: #0E496E;
    }*/
    #header.scrolling:after {
        right: -160px;
    }
    #header.scrolling .logo {
        margin-top: 1px;
        max-width: 30px;
    }
    .admin-bar #header {
        top: 32px;
    }
    .admin-bar #header .mobile-menu-toggle,
    .mobile-menu-toggle {
        top: -11px;
    }
    #header.scrolling .mobile-menu-toggle,
    .admin-bar #header.scrolling .mobile-menu-toggle {
        top: -1px;
    }
    .admin-bar .mobile-menu .sub-menu,
    .admin-bar .mobile-menu-wrap {
        top: 32px;
    }


    .search-header-box {
        max-width: 100%;
        right: 0;
        z-index: 9999999;
    }
    .search-header-box.show {
        top: -12px;
    }

    #header.scrolling .search-header-box.show {
        top: -1px;
    }
        .search-form {
            max-width: 100%;
        }
    /* ESSAYS */
    .no-hero #header.scrolling {
        background: #ffffff;
    }
    .no-hero #header::before,
    .no-hero #header:before {
        top: 7.9em;
    }
    .no-hero #header.scrolling::before, 
    .no-hero #header.scrolling:before {
        top: 3.1em;
    }
    .no-hero .logo {
        float: none;
        max-width: 68px;
        margin: 7px auto 0;
    }
    .no-hero .logo span {
        padding: 0;
    }
    .no-hero .mobile-menu-toggle span:before, 
    .no-hero .mobile-menu-toggle span:after, 
    .no-hero .mobile-menu-toggle span {
        position: absolute;
        display: block;
        content: '';
        cursor: pointer;
        height: 2px;
        width: 24px;
        background-color: #2d4a6c;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }
    .no-hero.show-menu .mobile-menu-toggle.active span:before,
    .no-hero.show-menu .mobile-menu-toggle.active span:after {
        background-color: #ffffff;
    }
    .no-hero .essays-link-item {
        width: 46%;
    }
    .no-hero .your-democracy-header .container {
        padding: 0 20px;
    }
    .no-hero .section-content.with-image {
        padding-top: 0;
    }
}

@media all and (max-width: 900px) {
    .container {
        padding: 0 16px;
    }
    .btn, a.btn {
        font-size: 26px;
        padding: 17px 35px;
    }
        #staff-slider .swiper-slide,
        .list.three-columns > li,
        .list > li {
            width: 49%;
            width: -webkit-calc(50% - 5px);
            width: calc(50% - 5px);
        }
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing {
        width: 33%;
        width: -webkit-calc(33.333% - 6px);
        width: calc(33.333% - 6px);
    }
    .content-wrap .content,
    .content-wrap {
        max-width: 100%;
    }
    .grant-box {
        padding: 20px 16px 28px;
    }
    .our-board-list {
        columns: 2;
    }
    .section-two-col .two-col-box .col {
        display: block;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .section-two-col .two-col-box > :nth-child(2):not(:first-child) {
       margin-top: 32px;
    }
    .indicator-list > li {
        width: 49%;
        width: -webkit-calc(50% - 6px);
        width: calc(50% - 6px);
    }
    #footer:before {
        top: -540px;
    }
    .section-content.with-sidebar .content-wrap {
        display: block;
        width: 100%;
    }

    .section-content.with-sidebar .sidebar {
        display: block;
        width: 100%;
        margin-top: 40px;
    }
    .widget.resources-widget {}
    .widget.resources-widget .widget-title {
        padding: 22px 20px 22px 34px;
        margin-bottom: 0;
    }
    .resource-list-box {
        padding: 36px 20px 50px 36px;
    }
    .resource-list > li:not(:last-child) {
        margin-bottom: 31px;
    }
    .widget {
        margin-bottom: 48px;
    }
    .deadline-box {
        padding: 12px 0;
    }
    .widget .widget-title {
        margin-bottom: 7px;
        letter-spacing: .01em;
    }

    .section-content.with-sidebar {
        margin-bottom: -45px;
    }
    .section-banner .vertical-align-box {
        max-height: 500px;
    }
    .section-banner.hero {
        padding-top: 70%;
        background-color: #ffffff;
        color: #0E496E;
    }
        .admin-bar .section-banner.hero .vertical-align-box,
        .section-banner.hero .vertical-align-box {
            max-height: initial;
            height: auto;
            padding: 20px 0 20px;
        }
            .section-banner.hero .hero-img,
            .section-banner.hero .hero-bg-img {
                height: auto;
                padding-bottom: 70%;
            }
            .section-banner.hero .hero-img {
                background-position: 100% 100%;
                background-size: 125%;
                top: 0;
                bottom: auto;
            }
    .hero-title {
        color: #2d4a6c;
    }
    .go-to, a.go-to {
        display: none;
    }
    .section-past-grands .grant-listing-main-wrap.single .grant-listing h3 a {
        font-size: 28px;
    }

    .btn.submit-form {
        line-height: 25px;
    }
    /* ESSAYS */
    .content ul.breadcrumb > li {
        padding-left: 10px;
    }
    .content ul.breadcrumb > li:nth-child(n+3) {
        display: none;
    }
    .no-hero .essays-filter-wrap {
        max-width: 100%;
        padding-bottom: 2rem;
        position: relative;
        right: 0em;
        left: 0em;
        top: 0;
        width: 100%;
    }
}

@media all and (max-width: 782px) {
    .admin-bar #header {
        top: 46px;
    }
    .admin-bar .mobile-menu .sub-menu,
    .admin-bar .mobile-menu-wrap {
        top: 46px;
    }
    .admin-bar #header .mobile-menu-toggle {
        top: -11px;
    }
    .admin-bar #header.scrolling .mobile-menu-toggle {
        top: -1px;
    }
    /* ESSAYS */
    .no-hero .essay-head {
        font-size: 45px;
    }
    .no-hero .essays-nav > ul > li a {
        font: 400 18px/1.2 "Acumin Pro", Arial, sans-serif;
    }
    .no-hero .essays-nav > ul > li a {
        padding: 10px 10px;
    }
    .no-hero .essays-nav > ul > li:nth-child(1) a {
        padding: 10px 10px 10px 0;
    }
    .no-hero .essays-nav > ul > li > a:after,
    .no-hero .essays-nav > ul > li.active > a:after {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
    .no-hero .essays-nav-wrap {
        width: calc(100% - 50px);
    }
    .no-hero .author-box-item-image {
        float: none;
        margin-left: 0px;
    }
    .no-hero .author-box-inner p {
        font-size: 18px;
    }
    .no-hero p.author-name-lg {
        font-size: 30px;
        line-height: 30px;
    }
    .no-hero .essays-link-item {
        width: 100%;
    }
    .no-hero .essay-heavy-head {
        font-size: 40px;
    }
    .no-hero .essays-series-masonry-wrap .essays-link-item-mason {
        width: 100%;
    }
    .no-hero .author-box-inner .author-box-item-image {
        margin-bottom: 1.15em;
        max-width: 100%;
        /*padding: 91% 0 0 0;*/
        width: 100%;
    }
    .no-hero .author-box-inner p, .no-hero .author-box-inner > a {
        font-size: 16px;
        line-height: 1.3;
    }
    .no-hero a.author-name-lg {
        font-size: 32px;
        line-height: 1.3;
    }
    .no-hero .author-box-inner.first, 
    .no-hero .author-box-inner {
        padding: 40px 0 40px;
    }
    .no-hero .author-box-link-image {
        width: 50%;
    }
}

@media all and (max-width: 600px) {
    .not-mobile {
        display: none !important;
    }

    .admin-bar #header {
        top: 0;
    }

    .hero-title {
        font-size: 70px;
        line-height: 1;
    }

    .banner-title {
        margin-bottom: 18px;
        font-size: 78px;
    }

    .banner-title.small {
        font-size: 40px;
    }

    .post-title {
        font-size: 31px;
        line-height: 1.2;
    }

    .box-title {
        font-size: 30px;
    }

    .box-title.big {
        font-size: 30px;
    }

    .box-title.small {
        font-size: 30px;
    }

    .widget-title {
    }

    .page-title {
        font-size: 16px;
    }

    .section-title {
        margin-bottom: 16px;
        font-size: 45px;
    }

    .big-text {
        font-size: 21px;
    }

    .box-title + .big-text {
        margin-top: -27px;
    }

    .box-desc {
        font-size: 16px;
        line-height: 1.65;
    }

    .list,
    .list.two-columns,
    .list.three-columns {
        margin-left: 0;
        margin-right: 0;
    }

    #staff-slider .swiper-slide,
    .list > li,
    .list.two-columns > li,
    .list.three-columns > li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 43px;
    }

    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing {
        width: 49%;
        width: -webkit-calc(50% - 6px);
        width: calc(50% - 6px);
    }

    .section-banner {
        padding-top: 110px;
    }

    .section-banner.archive {
        padding-bottom: 130px;
    }

    .section-banner .vertical-align-box,
    .section-banner.archive .vertical-align-box {
        max-height: 300px;
        padding: 20px 0;
    }

    .section-banner .vertical-align-box {
        height: 240px;
    }

    .section-banner.archive .vertical-align-box {
        height: 265px;
    }

    .section-banner .post-title {
        margin-bottom: 3px;
    }

    .banner-desc {
        font-size: 13px;
    }

    .banner-desc .circle {
        font-size: 8px;
        top: -2px;
    }

    .banner-title + .banner-desc {
        margin-top: -13px;
    }

    .section-banner a {
        margin-bottom: 0;
        font-size: 16px;
    }

    .section-banner a.btn-read-more, .section-banner .btn-read-more {
        padding: 8px 20px;
        font-size: 10px;
    }

    .section-banner.up-next-section + .section {
        margin-top: -83px;
    }


    .section-banner.hero {
        padding-top: 105%;
    }

        .section-banner.hero .vertical-align-box {
        }

        .section-banner.hero .hero-img,
        .section-banner.hero .hero-bg-img {
            padding-bottom: 105%;
        }

        .section-banner.hero .hero-img {
            background-position: 90% 100%;
            background-size: 180%;
        }

    .with-section-bg {
        padding: 112px 0 66px;
    }

        .with-section-bg.right {
            padding: 66px 0 112px;
        }

    .section-content {
        padding: 27px 0 27px;
    }

    .content {
        font-size: 16px;
        line-height: 1.65;
    }

        .content a:not(.wp-block-button__link) {
            font-size: 16px;
        }

    .section-indicators .section-desc a {
        font-size: 18px;
    }

    .content.big {
        font-size: 18px;
        line-height: 1.45;
    }

        .content.big a {
            font-size: 18px;
        }

    .content.small {
    }

    .content.smaller {
        letter-spacing: .03em;
    }

    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        margin-bottom: 4px;
        letter-spacing: .01em;
    }

    .content h1 {
        font-size: 34px;
    }

    .content h2 {
        font-size: 30px;
    }

    .content h3 {
        font-size: 27px;
    }

    .content h4 {
        font-size: 24px;
    }

    .content h5 {
        font-size: 21px;
    }

    .content h6 {
        font-size: 18px;
    }

    .content ul {
        margin-top: 19px;
    }

        .content ul > li {
            padding-left: 17px;
            margin-bottom: 20px;
        }

    .no-hero .essays-nav > ul > li {
        padding-left: 0;
    }

    .content ul > li:before {
        left: 3px;
        top: -1px;
    }

    .section-content .single-post-data {
        margin-top: -60px;
    }

    .single-post-data .social-shared-box {
        float: none;
        margin-bottom: 12px;
        margin-left: -12px;
        width: 100%;
    }

    .single-post-data .author-date-box {
        float: none;
        width: 100%;
    }

    .section-blog {
    }

    .desc-box .title {
        font-size: 31px;
        line-height: 1.2;
    }

        .desc-box .title + .btn-more {
            margin-top: -10px;
        }

    .desc-box .btn-more {
        padding: 5px 0;
        font-size: 16px;
    }

    .desc-box .icon-arrow {
        padding-left: 2px;
        top: auto;
        font-size: 10px;
    }

    .blog-box .label {
        padding: 12px;
        font-size: 15px;
        min-height: 48px;
    }


    .section-banner.hero + .section-last-posts {
        margin-top: -43px;
    }

    .section-last-posts {
        padding-top: 40px;
    }

        .section-last-posts .list {
            margin-bottom: -28px;
        }

            .section-last-posts .list > li {
                margin-bottom: 28px;
            }

        .section-last-posts .blog-box .img-box {
            margin-bottom: 10px;
        }

        .section-last-posts .big-text {
            margin-bottom: 60px;
        }

    .post-type-name {
        font-size: 16px;
        letter-spacing: .16em;
    }

    .blog-box .event-date span {
        width: 62px;
        margin-left: 11px;
        padding: 8px 5px 4px;
        font-size: 27px;
    }

    .section-last-posts .desc-box .title {
        margin-bottom: 0;
        font-size: 31px;
    }

    .desc-box .except {
        margin-top: 0;
        margin-bottom: 2px;
        font-size: 16px;
        line-height: 1.3;
    }

    .section-last-posts .desc-box .title + .btn-more {
        margin-top: -3px;
    }

    .section-last-posts + .section-prefooter {
        margin-top: -43px;
        padding-top: 20px;
    }

    .section-two-col {
    }

    .with-section-bg + .section-two-col {
        margin-top: -111px;
    }

    .two-col-box {
        display: block;
    }

        .two-col-box .col {
            display: block;
            width: 100%;
            padding: 0;
        }

        .two-col-box > :nth-child(2):not(:first-child) {
            padding: 0;
        }

    .inner-col-box .box-title + .box-desc {
        margin-top: -27px;
        margin-bottom: 13px;
    }

    .inner-col-box .box-title {
    }

    .single-link-box .title {
        margin-bottom: 1px;
        font-size: 16px;
    }

    .single-link-box .desc {
        font-size: 16px;
        line-height: 1.3;
    }

    .single-link-box.big .title {
        margin-bottom: 0;
        font-size: 25px;
    }

    .single-link-box.big .desc {
    }

    .section-two-col .two-col-box > :first-child:not(:last-child) {
        margin-bottom: 65px;
    }

    .single-link-box.big {
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .inner-col-box .box-desc + .single-link-box.big {
        margin-top: 27px;
    }

    .single-link-box.big .desc .icon-arrow {
        display: inline-block;
        margin-top: 0;
        padding-left: 9px;
        font-size: 8px;
    }

    .section-grants {
        margin-bottom: 80px;
    }

        .section-grants .inner-col-box > :last-child {
        }

    .grant-box {
        margin: 0 -8px 20px;
        padding: 20px 25px 28px;
    }

        .grant-box .box-title {
            margin-bottom: 6px;
        }

        .grant-box .title {
            margin-bottom: 5px;
            line-height: 1.2;
        }

    .up-to-money {
        margin-bottom: 20px;
        font-size: 15px;
    }

        .up-to-money strong {
            display: block;
            font-size: 18px;
        }

    .grant-box .inner-box {
        margin-bottom: 21px;
    }

    .grant-box .content ul {
        margin-top: 13px;
    }

    .grant-more-list {
        margin-top: 6px;
    }

        .grant-more-list > li, .grant-more-list > li a {
            padding: 10px 0;
            font-size: 16px;
        }

            .grant-more-list > li a span {
                font-size: 20px;
                padding-right: 11px;
            }

            .grant-more-list > li a .icon-arrow {
                padding-left: 7px;
            }

    .grant-box a.btn, .grant-box .btn {
        margin-top: 7px;
    }

    .section-indicators {
    }

        .section-indicators .section-title {
            margin-bottom: 10px;
        }

        .section-indicators .section-desc.big {
            margin-bottom: 44px;
            line-height: 1.5;
        }

    .indicator-list {
        margin-left: 0;
        margin-right: 0;
    }

        .indicator-list > li {
            display: block;
            margin-bottom: 45px;
            width: 100%;
            padding: 0;
        }

    .indicator-box .icon-wrap {
        height: 40px;
    }

        .indicator-box .icon-wrap span:not(.icon-img) {
            font-size: 34px;
        }

        .indicator-box .icon-wrap .icon-hand {
            font-size: 40px;
        }

    .indicator-box .indicator-counter {
        margin-bottom: 6px;
        font-size: 100px;
    }

    .indicator-box .indicator-desc {
        font-size: 18px;
        max-width: 200px;
        margin: 0 auto;
    }

    .indicator-box .icon-wrap .icon-img img {
        max-height: 40px;
    }

    .home .section-indicators .section-desc.big {
        margin-bottom: 50px;
    }

    .section-our-staff {
    }

    .our-staff-wrap {
    }

    .our-staff-box .img-wrap {
        margin-bottom: 15px;
    }

    .our-staff-box .name {
        margin-bottom: 0;
        letter-spacing: -.04em;
    }

    .our-staff-box .position {
        letter-spacing: -.02em;
    }

    .section-our-board {
    }

    .our-board-list {
        overflow: hidden;
        position: relative;
        columns: auto;
        max-height: 480px;
    }

        .our-board-list:after {
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            width: 100%;
            height: 140px;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%);
            background: linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
        }

    .show-all-board .our-board-list {
        max-height: 3000px;
    }

        .show-all-board .our-board-list > span.board-box {
            display: none;
        }

        .show-all-board .our-board-list:after {
            content: none;
        }

    .our-board-list > li {
        margin-bottom: 21px;
    }

    .board-box {
        font-size: 15px;
        line-height: 1.5;
    }

        .board-box .name {
        }

        .board-box .desc {
        }

    .view-all-box {
        display: block;
    }



    .section-prefooter {
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .prefooter-title {
        font-size: 31px;
    }

    .prefooter-subtitle {
        margin-bottom: 29px;
        font-size: 16px;
    }

    .prefooter-title + .prefooter-subtitle {
        margin-top: -24px;
    }

    .input-style {
        border-width: 1px;
    }

    .subscribe-box {
        margin-bottom: 34px;
    }

    .social-links {
        margin-left: -5px;
        margin-right: -5px;
    }

        .social-links > li {
            padding: 0 4px;
        }

            .social-links > li a {
                width: auto;
                height: auto;
                font-size: 46px;
            }
                        .social-links>li a.flickr {
                            width: 2.9rem;
                            height: 2.9rem;
                        }
.social-links>li a span.icon-flickr {
    padding-top: .2em;
}
    #footer {
        padding-top: 95px;
        padding-bottom: 62px;
    }

    .footer-nav {
        margin-bottom: 60px;
    }

        .footer-nav > ul {
            margin-bottom: -10px;
        }

            .footer-nav > ul > li {
                display: block;
                margin-bottom: 10px;
            }

                .footer-nav > ul > li a {
                    padding: 12px 0;
                    font-size: 20px;
                    text-align: center;
                    letter-spacing: .08em;
                }

    .footer-contact-list {
        line-height: 1.5;
    }

        .footer-contact-list > li {
            display: block;
            max-width: 200px;
            margin: 0 auto 19px;
            padding: 0;
        }

    .footer-contact-info {
        margin-bottom: 47px;
    }

    .footer-bottom-list {
    }

        .footer-bottom-list > li {
            display: block;
            margin-bottom: 2px;
        }

            .footer-bottom-list > li p, .footer-bottom-list > li a {
                padding: 6px 0;
                line-height: 1.55;
                letter-spacing: .02em;
            }

    #footer:before {
        top: -525px;
    }

    .admin-bar #header {
        top: 46px;
    }

        .admin-bar #header.scrolling {
            top: 0;
        }

            #header.scrolling .mobile-menu .sub-menu,
            .admin-bar #header.scrolling .mobile-menu-wrap {
                top: 0;
            }

    .section-grants .section-bg {
        height: 96%;
    }

    .section-past-grands .grant-listing-main-wrap.single .grant-listing-img-box {
        float: none;
        margin-bottom: 12px;
    }

        .section-past-grands .grant-listing-main-wrap.single .grant-listing-img-box + div {
            clear: both;
        }
    /* ESSAYS */
    .no-hero .essay-heavy-head {
        font-size: 30px;
    }
    .no-hero .essay-head {
        font-size: 35px;
    }
    .no-hero .essays-nav-wrap {
        width: 100%;
    }
    .no-hero .essays-title-header {
        font-size: 32px;
    }
    .no-hero .quote-wrap p {
        font-size: 26px;
        padding: 43px;
    }
    .no-hero .center-header {
        padding: 48px 16px 0;
    }
    body.no-hero blockquote p {
        font-size: 21px;
        padding: 40px;
    }
    .no-hero .author-box-link-image {
        width: 100%;
    }
}



@media all and (max-width: 480px) {
    .wrap-404 {
        padding: 30px 0 40px;
        font-size: 50px;
    }
    .wrap-404 .error-404{
        font-size: 200px;
        margin-bottom: -38px;
    }
    #footer:before {
        top: -510px;
    }
    .section-grants .section-bg {
        height: 96.5%;
    }
    .resource-list-box {
        padding: 36px 15px 50px 15px;
    }
    .section-banner.hero .hero-img {
        background-position: 95% 100%;
        background-size: 160%;
    }
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing {
        display: block;
        width: 100%;
        max-width: 260px;
        margin: 0 auto 32px;
    }
    .white-popup-block .content .img-wrap {
        float: none;
        margin: 0 auto 10px;
    }
    /* ESSAYS */
    .no-hero .sub-head-span {
        font-size: 20px;
    }
    .no-hero .essay-head {
        font-size: 50px;
        padding-bottom: .5rem;
    }
    .no-hero .essays-nav > ul > li a {
        font: 400 14.5px/1.2 "Acumin Pro", Arial, sans-serif;
    }
    .no-hero .your-democracy-header .container {
        padding: 0 17px;
    }
    .no-hero .essays-nav > ul > li a {
        padding: 10px 7px;
    }
    .no-hero .essays-nav > ul > li:nth-child(1) a {
        padding: 10px 7px 10px 0;
    }
    /*.no-hero .essays-nav > ul > li > a:after {
        display: none;
    }*/
    .no-hero .essay-heavy-head {
        font-size: 25px;
    }
    .no-hero .essays-nav > ul > li > a:after, 
    .no-hero .essays-nav > ul > li.active > a:after {
        width: -webkit-calc(100% - 2px);
        width: calc(100% - 2px);
    }
}

@media all and (min-width: 769px) {
    .wp-block-button a.wp-block-button__link:hover,
    .wp-block-button a.wp-block-button__link:focus,
    .wp-block-button .wp-block-button__link:hover,
    .wp-block-button .wp-block-button__link:focus,
    .btn:not(.submit-form):hover,
    .btn:not(.submit-form):focus,
    a.btn:hover,
    a.btn:focus {
        background-color: transparent;
        color: #0E496E;
    }
    .section-indicators .section-desc a:hover,
    .section-indicators .section-desc a:focus,
    .btn.white:hover,
    .btn.white:focus,
    a.btn.white:hover,
    a.btn.white:focus {
        background-color: transparent;
        color: #ffffff;
    }
    .main-nav > ul > li > a:hover:after,
    .main-nav > ul > li > a:focus:after,
    .search-btn:hover:after,
    .search-btn:focus:after,
    a.search-btn:hover:after,
    a.search-btn:focus:after {
        max-width: 500px;
        transition: max-width 0.35s ease-in;
    }
    .main-nav .sub-menu a:hover,
    .main-nav .sub-menu a:focus {
        color: #fbb040;
        padding-left: 63px;
    }
    .go-to:hover,
    .go-to:focus,
    a.go-to:hover
    a.go-to:focus {
        color: #0E496E;
    }
    .go-to:hover .icon-arrow,
    .go-to:focus .icon-arrow,
    a.go-to:hover .icon-arrow
    a.go-to:focus .icon-arrow {
        top: 35px;
    }
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing-img-box a:hover img,
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing-img-box a:focus img,
    #staff-slider .swiper-slide a:hover img,
    #staff-slider .swiper-slide a:focus img,
    .blog-box .img-box a:hover .centered-img img,
    .blog-box .img-box a:focus .centered-img img {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .section-banner a:hover,
    .section-banner a:focus,
    .footer-contact-list > li a:hover,
    .footer-contact-list > li a:focus,
    .footer-bottom-list > li > a:hover,
    .footer-bottom-list > li > a:focus,
    .footer-nav > ul > li > a:hover,
    .footer-nav > ul > li > a:focus {
        color: #FFB131;
    }
    .section-past-grands .grant-listing-main-wrap:not(.single) .grant-listing-img-box a:focus,
    .section-past-grands .grant-listing-main-wrap .grant-listing h3 a:focus,
    .section-past-grands .pagi-numbers a:focus,
    .section-content .single-post-data a:focus,
    .wp-pagenavi a:focus,
    .widget-item-list > li a:focus,
    .resource-list > li a:focus,
    .section-indicators .section-desc a:focus,
    .our-board-list > li > a:focus,
    .grant-more-list > li a:focus,
    .board-box a:focus,
    .main-nav > ul > li a:focus,
    .search-btn:focus:after,
    a.search-btn:focus:after,
    .footer-contact-list > li a:focus,
    .footer-bottom-list > li > a:focus,
    .footer-nav > ul > li > a:focus,
    .social-links > li a:focus,
    .single-link-box a:focus,
    #staff-slider .swiper-slide a:focus,
    .desc-box a:focus,
    .blog-box .date-box a:focus {
        border-color: #4D90FE;
    }
    .section-past-grands .grant-listing-main-wrap .grant-listing-details a:hover .btn-more .icon-arrow,
    .section-past-grands .grant-listing-main-wrap .grant-listing-details a:focus .btn-more .icon-arrow,
    .grant-more-list > li a:hover .icon-arrow,
    .grant-more-list > li a:focus .icon-arrow,
    .board-box a:hover .icon-arrow,
    .board-box a:focus .icon-arrow,
    .section-banner .btn-read-more:hover,
    .section-banner .btn-read-more:focus,
    .section-banner a.btn-read-more:hover,
    .section-banner a.btn-read-more:focus,
    .single-link-box a:hover .icon-arrow,
    .single-link-box a:focus .icon-arrow,
    .desc-box a:hover .icon-arrow,
    .desc-box a:focus .icon-arrow {
        margin-left: 21px;
    }
    .resource-list > li a:hover,
    .resource-list > li a:focus {
        padding-right: 40px;
    }
    a:hover .hover-line:after,
    a:focus .hover-line:after {
        max-width: 500px;
        transition: max-width 0.35s ease-in;
    }

}