@media (max-width: 1023px) {
    .standard_holder {
        padding: 0 3%;
    }

h1.homepage_header:before {
content: "";
position: absolute;
width: 9px;
height: 100% !important;
background-color: #e62f79;
z-index: 10;
left: -10px !important;
margin-top: -10px !important;
}
.image_fallback .homepage_header {
display: block;
bottom: 0 !important;
left: 25px !important;
background: white !important;
padding: 10px 10px 10px 20px !important;
margin: 20px 0;
}

.sr_points {
    width: calc(30% - 20px);
    }

header .header-inner .nav {
width: 80%;
margin: 0 auto;
padding: 20px 0;
}
header .header-inner.open {
min-height: unset !important;
}

.focus_area_img {
max-width: 200px;
}
.header-search-wrapper {
display: none !important;
}
.home_social {
display: none;
}


.www_img {
width: 450px;
}

.wwd_holder {
background-size: 290px;
}
.wwd_desc p:nth-child(2) {
width: 100%;
}
.our_impact {
display: block;
background-image: none;
}

}
@media (max-width: 800px) {
.wwa_top {
min-height: 280px;
}

}

@media (max-width: 768px) {
    .sr_stats img {
        max-width: 100%;
        height: auto;
    }
    .margin_minus100 {
        margin-top: 0 !important;
    }
    .hideme {
        display: none;
    }
    .standard_holder {
        padding: 0 5%;
    }
    .sr_points {
        width: calc(50% - 20px);
        text-align: center;
        }
.standard_flex,.gpa_holder,.ofa_holder,.oiph_holder {
display: block;
background-image: none;
}
.oiph_holder {
padding: 40px 20px;
text-align: center;
}
.img_left,.img_right {
width: 100%;
height: auto;
padding: 0;
}
.squiggle_underline {
width: 100%;
margin: 0 auto;
}
.ofa_holder {
margin-top: 0;
padding-bottom: 0;
}
.green_circle {
width: 100%;
height: 100%;
width: 280px;
height: 280px;
margin: 10px auto;
background-image: none;
padding: 20px 0 0 0;
}
.our-focus-areas-template-default .blue_bg {
display: none;
}
.ofa_padder {
padding-top: 40px;
}
.squiggle_top_right::before,.rrf_img::before,.nar_img::before,.sr_img::before {
content: '';
}

.gpa_holder img {
width: 100%;
padding: 20px 0 !important;
}

.ar div {
margin: 0 !important;
}

/* change order of images */
.switch_on {
display: block;
}
.switch_off {
display: none;
}
.flex_img_right, .flex_img_left {
max-width: 250px;
padding: 0;
margin: 0 0 0 30px;
}
.top_right_arrow::before {
content: '';
}

.large_header,.medium_header {
font-size: 1.4em;
line-height: normal !important;
padding: 0 10px !important;
margin: 0 !important;
}
.img_floater {
    position: absolute;
    margin: -80px 0 0 -25px;
    max-width: 150px;
    }
.img_overlay {
margin: 0 !important;
}
.move_in {
margin-left: 0;
}
.base_img,.ofa_icon,.protest_img {
display: none;
}
.focus_points {
width: calc(50% - 40px);
margin: 0 20px ;
}

.www {
background-image: url(img/home_pink_bg.svg);
background-repeat: repeat-x;
height: auto;
width: 100%;
margin: 0;
display: flex;
padding: 100px 20px 40px 20px;
}
.www_img {
width: 100%;
max-width: 450px;
padding: 0;
}
.wwd_top {
padding-top: 0;
}
.www_holder {
flex-wrap: wrap-reverse;
}
.wwd_holder {
background-image: none;

}
.wwd_desc {
padding: 0;
}
.wwd_desc p:nth-child(1) {
width: 100%;
}

.overlay_new {
padding: 0 0 0 40px;
}
.overlay_new img {
display: none;
}

.footer_bottom {
flex-wrap: wrap-reverse;
text-align: left;

}
footer nav ul {
width: auto !important;
text-align: left;
padding-bottom: 20px !important;
}
.about_top,.about_mid {
padding: 0;
flex-wrap: wrap;
}
.about_mid {
flex-direction: column-reverse;

}
.about_mid img {
padding-top: 20px;
}
.blue_bg,.green_bg,.green_squiggle {
padding: 40px 4%;
}
.our_annual_report_img:before {
content: '';
}
.flex_holder {
display: block;
}
.green_squiggle {
display: block;
background-size: 240px;
background-position: 40px;

height: unset;
}
.ar_main_img,.ar_img {
max-width: none;
padding-right: 0;
}

.social-container .social-header h2 {

border: none !important;
}

.flex_img_left_large, .flex_img_right_large {
    max-width: 300px;
    padding-bottom: 40px;
}

.fund_us_header h1,.donate_header p {
    margin-bottom: 10% !important;
}
.large_bg {
    height: 370px;
}

.world_icon {

    float: none;

    padding: 30px;
    margin: 20px auto;
}

.squiggle_bg {
    margin-left: 0;
    }

}


@media (max-width: 600px) {



.our_impact_holder,.innovation_header {
display: block;
background-image: none;
}
.image_fallback .homepage_header {
position: relative !important;
max-width: fit-content;
}
.light_bulb {
margin: 0 auto;
WIDTH: 100%;
}
.resources_single .frontline-post .block-content:nth-child(1),.resources_single .frontline-post .block-content:nth-child(2),.resources_single .frontline-post .block-content:nth-child(3) {
float: none;
width: 100%;
padding-right: 30px !important;
}
.ah01,.ah02,.ah03,.ah04 {
margin: 0;
}
.footer nav ul {
text-align: left;
padding-bottom: 20px;
}

.wwa_top {
min-height: 200px;
}
.resource_boxes {
display: block;
}
.resources .container .block-internal-link .pushpoint-wrapper {
width: 100%;
margin-top: 0 !important;
}

.get_involved_top {
    background-image: none;
    min-height: 0;
    margin-bottom: 0;
    padding: 40px 20px;
}

.centered_flex,.wwu_holder {
    display: block;
}
.getinvolved_holder p {
    max-width: none;
    width: 100%;
}
.centered_flex {
    margin-bottom: 40px;
}

.large_bg {
    height: 270px;
}

}

@media (max-width: 540px) {
    .jump_flex {
        display: block;
    }
    .jump_flex a {
        padding-bottom: 20px;
        display: block;
    }
.focus_area_img {
max-width: 150px;
}
.wwa_top {
min-height: auto;
background-image: none;
}
.wwa_desc {
padding: 0;
}
.wwa_top {
padding: 0;
}
.overlay_new {
padding: 20px;
}
}
@media (max-width: 430px) {
.grey_bg,.white_bg,._blue_bg {
padding: 40px 0;
}

.sr_points {
    width: calc(100% - 20px);
    text-align: center;
    }
    .sr_country {
        max-height: 150px;
        height: auto;
        
    }

.focus_points {
width: 100%;
margin: 0 !important;
}
.focus_area_img {
max-width: 260px;
}
.pushpoint-wrapper a {
display: block;
}
.about_desc {
padding: 20px;
}
.overlay_new p {
width: auto;
}
.home_vid {

margin: 0;
}
.footer_top .green_box {
font-size: 10pt;
}
}   

@media (max-width: 320px) {
h1.homepage_header {
font-size: 1.2em !important;
}
.footer_top .green_box {
font-size: 9pt;
}
}


@media (max-width: 1024px) {
.header-search-wrapper .search-submit {
    position: inherit !important;
    right: auto !important;
    top: auto !important;
}
}