@media (max-width: 1900px) {
    #pages.home .support a{
        flex:0 0 18%;
    }

    #pages.home .support h2{
        font-size:42px;
    }

    #topwrapper .nav li {
        display: inline;
        margin: 0 0 0 20px;
    }

    #topwrapper .subnav {

        padding: 15px 0 20px 17%;
    }

    #topwrapper .subnav.programs li.bold {

        margin: 0 0 10px 20px;


    }

    #pages.keren-almanos .thermowrapper .title{
        font-size:65px;
    }

}

@media (max-width: 1700px) {
    #topwrapper .logo{
        margin:0 20px 0 0;
    }

    #hero .flex.wider{
        max-width:1400px;
    }

    #pages.home .stories .story h2{
        font-size:30px;
    }

    #pages.home .greywrapper h2{
        font-size:45px;
    }

    #topwrapper .logo{
        width:130px;

    }

    #topwrapper .icons{
        margin:0 10px 0 0;
    }

    #topwrapper .subnav {
        padding: 15px 0 20px 11%;
    }

    #hero .text{
        width:75%;
    }

    #footerwrapper .textfield{
        background:#fff;
    }

}

@media (max-width: 1500px) {
    #topwrapper .logo{
        width:150px;
    }

    #topwrapper .icons{
        margin:0 10px 0 0;
    }

    #topwrapper .nav li{
        margin:0 0 0 10px;
    }

    #hero .flex.wider {
        max-width: 90%;
    }

    #pages.home #hero .toptext{
        max-width:800px;
    }

    #pages.home h1{
        font-size:80px;
    }

    #pages.home .programs .menu a{
        flex:0 0 22%;
        text-align:center;
        margin:0 15px 15px 15px;
    }

    #pages.home .programs {
        margin: 0px 0 0 0;
        background: #fff;
    }

    #pages.home .greywrapper .stat{
        flex:0 0 30%;
        margin:0 0 60px 0;
    }

    #pages.home .support{
        justify-content:center;
    }

    #pages.home .support a {
        flex: 0 0 28%;
        margin:0 2% 30px 2%;
    }

    #pages.home .stories .header{
        flex-direction:column;
    }

    #pages.home .stories h2.white {

        width: 100%;
    }

    #pages.home .stories .header .right {
        margin:60px 0 0 0;
        float:none;

        flex: 0 0 100%;
    }

    #pages.home .stories .story h2 {
        font-size: 25px;
    }

    #pages.home .stories .story h2:before {

        left: -75px;

        font-size: 130px;

        top: -40px;
    }

    #footerwrapper .footer li {

        margin: 0 20px 0 10px;
    }

    #footerwrapper .logo {
        width: 100px;
    }

    #footerwrapper .footer .social{
        margin:0 8px;
    }

    #pages.home .greywrapper .caps {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.5px;
        width: 90%;
    }

    #google_translate_element {

        top: -30px;

        background: #fff;
        padding: 30px;
    }

    #search-container {

        top: -8px;

        height: 40px;
        background:#fff;
    }

    #search-container input {

        margin: 0 0 0 15px;
    }

    #topwrapper .subnav {
        padding: 15px 0 20px 14%;
    }

    #topwrapper .subnav.programs li.bold {
        margin: 10px 0 0px 0px;
        color: #FF7F41;
    }

    #pages.about #history .info {
        flex: 0 0 48%;
    }

    #footerwrapper .footer {

        margin: 280px auto 0 auto;

    }

    #pages.serve .support {
        flex: 0 0 30%;
        margin:1%;
    }

    #pages.serve #hero .flex.wider{
        justify-content:center;
    }

    #testimonial {
        padding:50px 100px;
        margin: -300px auto 0px auto;
    }

    #hero .flex{
        max-width:1200px;
    }

    #pages.programdetail #about .padding {
        padding: 50px 0;
    }

    #pages.keren-almanos .thermowrapper, #pages.keren-almanos .bluewrapper .text{
        width:90%;
    }

    .programnav{
        display:none;
    }

    #hero .box{
        max-width:450px;
    }

    #pages.programdetail.get-involved .inner.flex .more{
        text-align:center;

    }

    #pages.programdetail.get-involved .inner.flex .more .button{
        margin:15px auto 0 auto;
        display:block;
        width:180px;
    }

}

@media (max-width: 1300px) {
    .main-menu{
        position: absolute;
        display: none;
        right:0;
        top: 0;
        height: 100%;
        transition: left 0.3s ease, box-shadow 0.3s ease;
        z-index: 999;

    }

    .main-menu ul{
        list-style: none;
        margin: 0;
        padding: 2.5em 0 0;
        -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
        -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
        box-shadow: -8px 0 8px rgba(0,0,0,.5);
        min-height: 100%;
        width: 230px;
        background: #1a1a1a;
        z-index:9;
        color:#fff;
    }

    .main-menu ul.list{
        background:none;
        padding:0;
        display:block;
    }

    #topwrapper #navwrapper .toggle .subnav.programs{
        display:block;
    }

    #topwrapper .get .subnav li {
        display: block;
        float: none;

        margin: 0 0px 0px 0px;
    }

    #topwrapper .nav li{
            display:block;
            margin:0;
        width:100%;
        clear:both;

        }

    #topwrapper .nav li.drop > a {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 92% 15px;
        background-size: 10px;
        padding-right: 18px!important;
    }

    #topwrapper .nav li.drop.toggle > a {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 7L6 2L11 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }









    #topwrapper #navwrapper .toggle .subnav{
        visibility:visible;
        opacity:100%;
        position:relative;
        box-shadow: none;
        top:0;
        background: none;
        width: 100%;
        padding: 0;
        border: none;
        pointer-events: auto;
    }


    #topwrapper #navwrapper .subnav li a {
        font-size: 14px;
        padding: .75em  15px;
    }

    #navwrapper .fa-bars{
        color:#000;
        font-size:19px;
    }

    #home #navwrapper .fa-bars{
        color:#fff;
    }

    #navwrapper .menu-toggle, #navwrapper .menu-close{
        display:block;
    }

    #topwrapper .top #navwrapper {
        width: 100%;
        float: none;
        text-align: left;
        padding: 0px 0 0 0;
    }

    #topwrapper .top{
        width:100%;
    }



    #topwrapper .top #navwrapper .fa-close {
        right: 100%;
    }

    .main-menu .menu-close {
        position: absolute;
        right: 10px;
        top: 0;
        border-bottom: none!important;
        text-align:right;
    }

#topwrapper .top {
    width: 95%;
}



    #topwrapper .top #navwrapper a {
        padding: 15px 0 0 0;
        font-size: 20px;
    }

    #topwrapper .top #navwrapper a.menu-toggle{
        padding:0;
        position: absolute;
        right: 10px;
        top: 35px;
    }



    .main-menu li:first-child a {
        border-top: 1px solid #383838;
    }

    .main-menu a:hover,
    .main-menu a:focus
    {
        background: #333;
        text-decoration: none;
    }

    #topwrapper #navwrapper .main-menu a,
    #home #topwrapper #navwrapper .main-menu a,
    #topwrapper #navwrapper .sub_menu li a,
    #home #topwrapper #navwrapper .sub_menu li a,
    #home #topwrapper #navwrapper .sub_menu li.first a{
        display: block;
        padding: .75em 15px;
        line-height: 15px;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid #383838;
    }

    .main-menu .menu-close {
        position: absolute;
        left: 0;
        top: 0;
        border-bottom: none!important;
    }


    .main-menu:target, .main-menu[aria-expanded="true"]{
        display: block;

        outline: none;
        -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
        box-shadow: 3px 0 12px rgba(0,0,0,.25);
        background: #1a1a1a;


    }

    .main-menu:target {
        right: 0;
    }

    .main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
        z-index: 1001;
    }

    .main-menu:target ul, .main-menu[aria-expanded="true"] ul  {
        position: relative;
        z-index: 1000;
    }

    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop{
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
        background: #000;
        background: rgba(0,0,0,.85);
        cursor: default;

    }


    @supports (position: fixed) {
        .main-menu,
        .main-menu:target + .backdrop,
        .main-menu[aria-expanded="true"] + .backdrop {
            position: fixed;

        }




        #pages.home #hero .left {
            width: 65%;
        }

        #pages.home h1 {
            font-size: 70px;
        }

        #pages.home .stories .story{
            padding:15px;
        }

        #pages.home .crisis .title{
            padding:30px;
        }

        #pages.home .crisis .flex {
            margin: 270px 0 0 0;
        }

        #topwrapper .right{
            padding:0 30px 0 0;
        }



        #footerwrapper .about {
            flex: 0 0 400px;
            margin:0 0 40px 0;
        }

        #footerwrapper .contact{
            margin:0 0 40px 0;
        }

        .flex-break {
            flex-basis: 100%;
            height: 0;
        }

        #topwrapper .nav li a.button{
            border:none!important;
            border-radius:0!important;
            text-align:left;
        }

        #pages.home .greywrapper h2 {
            font-size: 35px;
        }

        #footerwrapper .donate .icons img{
            display:inline;
        }

        #footerwrapper .donate img, #footerwrapper .donate .tax{
            display:none;
        }

        #footerwrapper .footer{
            flex-wrap:wrap;
        }

        #footerwrapper .contact .button{
            display:none;
        }

        #pages.programdetail #about .text{
            width:95%;
        }

        #pages.contact .boxes .box {

            flex: 0 0 22%;
            margin:1%;
        }

        #pages.contact .boxes .box.usa {
            flex: 0 0 34%;
        }

        #pages.contact .boxes{
            justify-content:left;
        }

        #hero .flex {
            max-width: 95%;
            margin: 0 auto;
        }

        #pages.contact #hero .flex{
            margin:40px auto;
        }

        #pages.programdetail #hero .choose.flex,  #pages.programdetail #hero .choose.flex .flex{
            max-width:100%;
            margin:0 0 10px 0;
        }

        #pages.programdetail .inner.flex .info {
            flex: 0 0 42%;
        }

        #pages.programdetail.get-involved .info .button {
            margin: 10px 0px 0 0;
            display: block;
        }


    }

@media (max-width: 1200px) {
    #hero .flex.wider{
    flex-direction:column;}
}

    #pages.home #hero .left{
        width:100%;

        margin:0 auto 50px auto;
    }

    #hero .flex.wider .box{
        max-width:500px;
        margin:0 auto;
    }

    #pages.home .videowrapper .flex{
        flex-direction:column;
    }

    #pages.home .videowrapper h2 .purple{
        display:inline;
    }

    #pages.home .videowrapper .vid{
        width:90%;
    }

    .padding {
        padding: 70px 0;
    }

    #pages.home .wedding{
        padding:0 0 400px 0;
    }

    #pages.home .videowrapper h2{
        text-align:center;
        margin:0 0 40px 0;
    }

    #pages.home .crisis .box{
        flex:0 0 48%;
        margin:0 0 40px 0;
    }

    #pages.home .crisis .flex {
        margin: 70px 0 0 0;
    }



    .main, .top, .copy, .footer{
        width:95%;
    }

    .map-wrapper {

        margin: -30px 0% 0 0;
    }

    .newsbox {

        flex: 0 0 40%;
        margin:0 0 60px 0;
    }

    #footerwrapper .footer{
        margin:280px auto 0 auto;
    }

    #pages.home .stats.greywrapper {
        padding: 160px 0 0px 0;
    }

    #pages.about #history .pic {
        flex: 0 0 420px;
    }

    #pages.about #history h2{
        font-size:40px;
    }

    .timeline-content {
        top: 45%;
    }

    #pages.about #values .legacy .icon img{
        width:100%;
    }

    #pages.about #values .legacy .icon{
        width:70px;
        height:auto;
    }

    #pages.about #values .legacy .text{
        font-size:14px;
        text-align:left;
    }

    #pages.about #values .legacy {
        text-align: center;
        flex: 0 0 100%;
        display: flex;
        align-items:start;
        margin:0 0 20px 0;
    }

    #pages.about #values .legacy h2 {
        font-size: 22px;
        text-align:left;
        margin:0 10px;
        width:140px;
    }

    #pages.serve         #hero .flex.wider {
        flex-direction: row;
    }

    #pages.serve #vetting{
        padding:0 0 650px 0;
    }

    #testimonial .quote{
        font-size:27px;
    }

    #testimonial {

        margin: -200px auto 0px auto;
    }

    #pages.serve #why{
        flex-direction:column;
    }

    #pages.serve #why .left {
        width: 100%;
    }

    #pages.serve #why .left h2 {
        text-align: center;
    }

    .padding {
        padding: 50px 0;
    }

    #pages.serve #why .right{
        width:100%;
        margin:40px 0 0 0;
    }

    #pages.serve #why .pic{
        display:none;
    }

    #pages.serve #why .left .button {
        float: none;
        margin: 40px auto;
    }

    h2{
        font-size:65px;
    }

    #pages.programdetail #bottom .list li{
        width:32%;
    }

    #pages.programdetail #bottom .testimonial {
        margin: 100px auto 0 auto;
        padding: 50px 50px;

        width: 75%;
    }

    #pages.programdetail #hero .left {
        flex: 0 0 40%;
    }

    #pages.gallery .newsbox .frame{
        padding:86% 0 0 0;
    }

    #pages.programdetail.get-involved #hero .flex.wider.start .box{
        flex:0 0 100%;
    }

    #pages.programdetail.get-involved .inner.flex .image{
        flex:0 0 50%;
    }

    #pages.programdetail .inner.flex .info .text {

        margin: 20px 0 20px 0;
    }

    #pages.programdetail.get-involved .inner.flex .list .info {
        flex: 0 0 75%;
    }

    #pages.get-involved #hero .flex.wider{
        flex-direction:row;
        justify-content:center;
    }

    #pages.get-involved #hero .flex.wider .box{
        margin:2%;
    }

    #pages.downloads .box {
        flex: 0 0 33%;

    }

    #topwrapper .icons{

        width:120px;

        display:block;

    }

    #topwrapper .icons span{
        display:block;
        float:left;
        width:30px;

    }

    #pages.home #dn-center .ticketbox{
        width:30%;
    }

    #pages.home .programs .menu a{
        height:40px;
        align-items:center;
        justify-content:center;
        display:flex;
    }



}

@media (max-width: 1000px) {
    #pages.home .rslides .text{
        width:100%;
    }

    #pages.home .rslides .goal{

    }



    h2.smaller{
        font-size:50px;
    }

    #pages.home .videowrapper h2{
        font-size:50px;
    }

    #pages.home .rslides .goal {
        margin: 150px auto 0 auto;

    }

    h2{
        font-size:55px;
    }

    #pages.home .support a {
        flex: 0 0 45%;
    }

    #pages.home .support h2 {
        font-size: 33px;
    }

    #pages.serve .support {
        flex: 0 0 40%;
        margin: 1%;
    }

    #pages.serve #vetting .number{

        font-size: 130px;

        margin: 0 0 -60px 0;
    }

    #pages.serve #vetting h2.smaller{
        font-size:28px;
    }

    #pages.serve #vetting {
        padding: 0 0 550px 0;
    }

    #footerwrapper .footer {
        margin: 140px auto 0 auto;
    }

    #pages.news #load_data .newsbox {
        flex: 0 0 300px;
        margin: 2%;
    }

    #pages.news #load_data{
        justify-content:center;
    }

    #pages.programdetail #hero .left {
        flex: 0 0 100%;
        margin: 0 0 60px 0;
        text-align:center;
    }

    #pages.programdetail.keren-almanos #hero .form{
        margin:0 auto;
        max-width:450px;
    }

    #hero .flex.start h1, #hero .flex.start h2, #hero .flex.start h3, #pages.programdetail #hero .start .text{
        text-align:center;
    }

    #pages.programdetail #hero .start .text{
        width:95%;
        margin:40px auto;
    }

    #pages.programdetail #bottom .list li {
        flex: 0 0 32%;
    }

    #hero .box{
        margin:0 auto;
    }

    #pages.programdetail.get-involved #hero .flex.wider.start .box{
        text-align:center;
    }


}

@media (max-width: 960px) {
    #pages.home .programs .menu a {
        flex: 0 0 40%;
        padding:12px 0;
    }

    #pages.home .greywrapper .stat {
        flex: 0 0 50%;
    }

    .newsbox{
        padding:20px;
    }

    .newsbox .button {

        width: 100px;
    }

    #pages.home .rslides .goal{
        font-size:38px;
    }

    #pages.home .rslides .goal .item:before{
        top:0;
    }

    #pages.home .rslides .goal h2{
        font-size:40px;
    }

    #pages.home .rslides .goal .total{
        width:450px;
    }

    #pages.about #values{
        padding:0 0 200px 0;
    }

    #pages.about #history .info {
        flex: 0 0 100%;
        margin: 40px 0 0 0;
    }

    .timeline-content {
        top: 50%;
    }

    .timeline-image {

        transform: translate(-50%, -20%);
    }

    #pages.about #history .pic {
        flex: 0 0 100%;
        max-height: 400px;
        overflow: hidden;
    }

    #pages.team .box {
        flex: 0 0 35%;
        margin:2%;

    }

    #pages.team .flex{
        justify-content:center;
    }

    #pages.keren-almanos .thermowrapper{
        flex-direction:column;
    }

    #pages.keren-almanos .thermowrapper .title{
        flex:0 0 100%;
        text-align:center;
        margin:0 0 40px 0;
    }

    #pages.keren-almanos .thermowrapper{
        align-items:center;
    }

    .thermometer{
        width:100%;
    }

    #mailing .text{
        color:#fff;
    }

    #pages.programdetail.get-involved .inner.flex.middle{
        flex-direction:column;
    }

    #pages.programdetail.get-involved .inner.flex h2 {
        width: 100%;
        text-align: left;
    }

    #pages.programdetail.get-involved .inner.flex ul {
        width: 100%;
        margin: 0;
    }

    #pages.get-involved #support{
        padding:0 0 700px 0;
    }

    #pages.contact .boxes .box, #pages.contact .boxes .box.usa  {
        flex: 0 0 42%;
        padding:20px;
    }



    #pages.contact .col {
        margin: 0 1%;
        flex: 0 0 46%;
    }


}

@media (max-width: 850px) {
    #pages.home .support h2 {
        font-size: 24px;
        bottom:40px;
        left:10px;
    }

    #pages.home .wedding .text{
        width:95%;
    }

    #pages.home .map .main{
        width:80%;
    }

    #footerwrapper .footer{

    }

    #footerwrapper .footer .nav{
        margin:0 0 40px 0;
    }

    #footerwrapper .contact {

    }



    #footerwrapper .icons a{
        margin:0 4px;
    }

    #footerwrapper .icons {
        justify-content: center;
        margin: 0 0 20px 0;
    }

    #footerwrapper  .footer .social .title{
        text-align:center;
    }

    #pages.home .rslides .goal .total {
        width: 350px;
    }

    #pages.home .rslides .goal {
        font-size: 22px;
    }

    #pages.home .rslides .goal span{
        font-size:20px;
    }

    #pages.home .rslides .goal .item:before {
        top: -5px;
        left: -45px;
        font-size:30px;
    }

    #pages.home .rslides .goal h2 {
        font-size: 25px;
    }

    #footerwrapper .footer {
        margin: 80px auto 0 auto;
    }

    #mailing .text{
        color:#fff;
    }

    #pages.serve .support {
        flex: 0 0 45%;
    }

    #pages.news #load_data .newsbox {
        flex: 0 0 90%;
    }

    #pages.news .filters a{
        padding:5px 8px;
    }

    #pages.news .filters {
        padding: 0px 0px 10px 0px;

        text-align: center;
    }

    #dn-center .ticketbox .ticketprice{
        font-size:17px;
    }

    #dn-center .ticketbox .ticket{
        font-size:11px;
    }

    #pages.programdetail.get-involved .inner.flex{
        flex-direction:column;
    }

    #pages.programdetail .inner.flex .info {
        flex: 0 0 100%;
        margin: 40px 0 0 0;
    }

    #pages.programdetail.get-involved .inner.flex .image {
        flex: 0 0 100%;
        width:100%;
    }

    #pages.downloads .box {
        flex: 0 0 38%;
        padding: 25px;
    }


}

@media (max-width: 750px) {
    #pages.home h1 {
        font-size: 50px;
    }

    h2.smaller {
        font-size: 40px;
    }

    #hero{
        padding:40px 0;
    }

    #pages.home .crisis .title{
        font-size:24px;
    }

    #pages.home .programs .menu a{
        font-size:14px;
        padding:6px 0;
    }

    #pages.about #history .text{
        width:100%;
    }

    h2 {
        font-size: 45px;
    }

    #pages.serve .support {
        flex: 0 0 48%;
    }

    #pages.serve .title{
        font-size:30px;
    }

    #pages.serve #vetting .step .text{
        font-size:16px;
    }

    #pages.serve #vetting {
        padding: 0 0 450px 0;
    }

    #pages.get-involved #hero .flex.wider .box {
        max-width: 250px;
    }

    #pages.get-involved .box .title{
        font-size:30px;
    }

    #pages.contact .boxes .box, #pages.contact .boxes .box.usa {
        flex: 0 0 41%;

    }

    #pages.contact .boxes .box.usa .flex{
        flex-direction:column;
    }

    #pages.contact .col{
        margin:0 0 15px 0;
        flex:0 0 100%;
    }

    #pages.contact .title{
        margin:10px 0 0 0;
    }

    #pages.contact .title br{
        display:none;
    }

    #pages.downloads .box{
        flex:0 0 88%;
    }

    h2.xs {
        font-size: 40px;
    }


}

@media (max-width: 650px) {
    #pages.home #hero .toptext{
        flex-direction:column;
    }

    #pages.home h1{
        width:100%;
    }

    #pages.home #hero .text{
        width:100%;
        margin:25px 0 0 0;
    }

    #pages.home #hero .buttons .button span{
        display:none;
    }

    #hero .flex.wider .box{
        display:none;
    }

    #pages.home .programs .menu a{
        flex:0 0 44%;
    }

    h2 {
        font-size: 45px;
    }

    #pages.home .stories .header .right{
        margin:0;
    }

    #pages.home .stories{
        padding:0;
    }

    #pages.home .crisis .box {
        width:47%;
    }

    #pages.home .crisis .title {
        font-size: 20px;
        padding: 30px 20px;
    }

    #pages.home .crisis .title {

        padding: 30px 5px;
    }

    #pages.home .crisis .button {
        width: 150px;
        margin: -20px auto 0 auto;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 5px 0;
    }

    #pages.home .crisis .box.middle{
        display:none;
    }

    #pages.home .news .newsbox h2, .newsbox h2 {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    #pages.home .programs .menu a{
        width:95%;
        letter-spacing:0.5px;
    }

    #pages.home .rslides .goal .total {
        width: 300px;
    }

    #pages.home .rslides .goal .item.first:before {
        content: '......';
        left: -50px;
    }

    #footerwrapper .about {
        flex: 0 0 300px;
    }

    #footerwrapper .footer .social {
        margin: 0;
    }

    #footerwrapper .footer li {
        margin: 0 0 15px 0;
        flex:0 0 50%;
    }

    #footerwrapper .footer .nav{
        flex-wrap:wrap;
    }

    #pages.serve #vetting .step {
        flex: 0 0 100%;
    }

    #testimonial .quote {
        font-size: 22px;
    }

    #testimonial {
        margin: -100px auto 0px auto;
        padding:50px;
    }

    #pages.serve #why .right .desc {
        width: 82%;
    }

    #pages.serve #why .right h2.smaller{
        font-size:38px;
    }

    #pages.news .filters a{
        letter-spacing:0.5px;
    }

    #hero .flex.start h3{
        font-size:28px;
    }

    #pages.programdetail .bluebg .main{
        flex-direction:column;
    }

    #pages.programdetail .bluebg h2, #pages.programdetail.get-involved .inner.flex h2 {
        text-align: center;
        width: 100%;
        margin:0 0 40px 0;
    }

    #pages.programdetail .bluebg ul {
        width: 100%;
    }

    #pages.programdetail .num{
        font-size:40px;
    }

    #pages.programdetail #bottom .list{
        font-size:14px;
    }

    #pages.programdetail .quote{
        font-size:30px;
    }

    #pages.programdetail #bottom .testimonial {
        margin: 50px auto 0 auto;
        padding: 40px 15px;
        width: 88%;
    }

    #pages.keren-almanos .thermowrapper .title {
        font-size: 45px;
    }

    #pages.programdetail .thermometer .num {
        font-size: 40px;
    }

    #pages.keren-almanos #load_data{
        flex-direction:column;
    }

    #pages.keren-almanos .newsbox{
        width:90%;
        flex:0 0 90%;
        margin:0 auto 50px auto;
        padding:0 0 30px 0;
    }

    #pages.keren-almanos .newsbox .more .but{
        position:relative;
        bottom:0;
    }

    #pages.keren-almanos #listings .flex{
        display:block;
    }

    #pages.programdetail #hero .flex.wider{
        margin:0 auto;
    }

    #pages.programdetail #hero .flex.wider .box{
        display:block;
    }

    h3{
        font-size:40px;
    }

    #pages.get-involved .flex{
        margin: 0px auto 0 auto;
    }

    #pages.get-involved #hero .flex.wider .box{
        display:block;
    }

    #pages.get-involved #hero .flex.wider .box {
        max-width: 210px;
    }

    #pages.get-involved .box .title {
        font-size: 24px;
    }

    #pages.contact .boxes{
        flex-direction:column;
    }

    #pages.contact .boxes .box, #pages.contact .boxes .box.usa{
        flex:0 0 100%;
    }

    body.mobile #pages.donate  {
        padding: 0 10px 0px 10px;

        width: 300px;

    }

    .has-iframe .f-html  {
        width: 450px !important;
    }

    #dn-center .dn-field.float.half {
        width: 100%;
        margin: 0 0 12px 0;
    }

    body.mobile #pages.donate .col.right {

        width: 118px;
        padding: 0 0 5% 15px;
    }

    body.mobile #pages.donate  li {
        height: 85px;
        width: 108px;
    }


    .f-button.is-close-button{
        background:#fff;
    }

    body.mobile #dn-center .applepay, body.mobile #dn-center .zelle, body.mobile #dn-center .paypal{
        width:30%;
    }


    body.mobile #dn-center .ticketbox .ticket {
        font-size: 9px;
    }

   body.mobile #dn-center #PaymentOptionsDiv .paypal img {
        width: 90%;
        margin: 0 auto;
    }

   body.mobile #dn-center #PaymentOptionsDiv .script img {
       margin: 0 0px 0 0;
   }

    body.mobile #pages.donate  .col.right .title{
        font-size:13px;}

}

@media (max-width: 550px) {
    #footerwrapper #mailing .button{
        font-size:12px;
        width:170px;
    }



    #footerwrapper form{
        justify-content:center;
    }

    h2 {
        font-size: 32px;
    }

    #pages.home .programs .main{
        padding:40px 0 40px 0;
    }

    #pages.home .programs .menu a {
        flex: 0 0 45%;
        margin: 0 1% 15px 1%;
        font-size: 13px;
    }

    #pages.about #history h2 {
        font-size: 30px;
    }

    #hero .text {
        width: 95%;
    }

    #pages.about #values {
        padding: 120px 0 200px 0;
    }



    .padding {
        padding: 40px 0;
    }

    #pages.home .greywrapper .padding {
        padding: 180px 0 25px 0;
    }

    #pages.home .wedding h2.purple{
        font-size:33px;
    }

    #pages.home .wedding {
        padding: 0 0 200px 0;
    }

    #pages.home .rslides .goal .total {
        width: 250px;
    }

    #pages.home .rslides .goal .item:before{
        top:-10px;
    }

    #pages.home .rslides .goal .total {
        width: 210px;
    }

    #pages.home .rslides .goal {
        margin: 100px auto 0 auto;
    }

    #pages.home .rslides .goal h2 {
        font-size: 20px;
    }

    #pages.home .rslides .goal {
        font-size: 17px;
    }

    #pages.home .news h2 .button{
        margin: 0px 0 0 0;

        float: right;
    }

    #footerwrapper .textfield{
        width:230px;
    }


    #pages.home .rslides .goal {
        font-size: 17px;
    }

    .newsbox {
        flex: 0 0 90%;
    }



    #footerwrapper .footer {
        margin:80px auto 0 auto;
    }



    #topwrapper .logo {
        width: 90px;
    }

    .button{

        font-size: 14px;

        letter-spacing: 0.5px;
        padding:7px 15px;
    }

    .copy{
        flex-direction:column;
        line-height:1.5;
        text-align:center;
    }

    #footerwrapper .contact{
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }

    #pages.home .support img.tall{
        display:none;
    }

    #pages.home .support img.wide{
        display:block;
    }

    #pages.home .support a {
        flex: 0 0 100%;
    }

    #pages.home .wedding .text{
        display:none;
    }

    #pages.home .stories .text{
        display:none;
    }



    #pages.home .stories .header .button{
        display:none;
    }

    #pages.home .stories .header .button.fill{
        display:inline;
    }

    #pages.home .stories h2.white{
        margin:0 0 30px 0;
    }

    #footerwrapper .about {
        flex: 0 0 250px;
    }

    .loginbox{
        top:90px;
    }

    #search-container input{
        width:80%;
    }

    #search-container {

        right: 70px;
        width: 150px;
    }

    #google_translate_element{
        top:30px;
        right:0;
    }

    #pages.about #hero {

        padding: 40px 0 500px 0;
    }

    #footerwrapper{
        overflow:hidden;
    }

    #pages.serve .title {
        font-size: 20px;
        left:10px;
        bottom:10px;
    }

    #pages.serve #vetting h2.purple {
        margin: 20px 0 0px 0;
    }

    #pages.serve #vetting {
        padding: 0 0 250px 0;
    }

    #pages.serve #why .right .desc {
        width: 77%;
    }

    #pages.team #partners .text{
        width:95%;
    }

    #pages.team .names{
        column-count:1;
    }

    #pages.team .box h2{
        font-size:25px;

    }

    #pages.team .box h2 br{
        display:none;
    }

    #pages.team .box {
        flex: 0 0 40%;
        margin: 2%;
        padding: 12px;
    }

    #pages.team .box .caps{
        letter-spacing:0.5px;
    }

    #pages.team .box.board {
        padding: 20px;
    }

    #pages.team .board h2{
        margin:0 0 20px 0;
    }

    #pages.news .filters a{
        font-size:13px;
    }

    #pages.news #load_data .newsbox {
        flex: 0 0 93%;
        margin:0 0 40px 0;
    }

    #pages.programdetail.keren-almanos #hero .form h2{
        font-size:30px;
    }

    #pages.keren-almanos .bluewrapper .text {

        margin: 0 auto 30px auto;
        padding: 0 0 30px 0;

    }

    #pages.programdetail #bottom .testimonial {
        margin: 40px auto 0 auto;

    }

    #pages.keren-almanos .thermowrapper .title {
        font-size: 35px;
    }

    #pages.programdetail .quote:before {

        left: -45px;

        font-size: 100px;

        top: -30px;
    }

    #pages.programdetail #bottom .list li {
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        align-items: center;
        margin:0 0 20px 0;
    }

    #pages.programdetail .num {
        font-size: 30px;
        width: 120px;
        text-align: left;
        flex:0 0 120px;
    }

    #pages.programdetail #bottom .list{
        flex-direction:column;
        text-align:left;
    }

    #pages.programdetail #hero .flex{
        flex-direction:column;
    }

    #dn-center .ticketbox{
        flex:0 0 100%;
        width:100%;
    }

    #pages.programdetail .quote {
        font-size: 24px;
    }

    #pages.gallery .newsbox .frame {
        padding: 106% 0 0 0;
        margin: 0;
    }

    #hero .flex.wider .box{
        padding:30px 20px;
    }

    h3 {
        font-size: 28px;
    }

    #pages.programdetail.get-involved .inner.flex ul .icon {
        flex: 0 0 40px;
        margin: 0 10px 0 0;
    }

    #pages.programdetail .inner.flex .info{
        margin:0;
    }

    #pages.get-involved #hero .flex.wider.cover .box {
        max-width: 160px;
        padding: 0px;
        margin: 1.5%;
    }

    #pages.downloads .box {
        flex: 0 0 82%;
    }

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

    .has-iframe .f-html {
        width: 370px !important;
    }

    body.mobilesmall #pages.donate {

        width: 250px;
    }

    body.mobilesmall #pages.donate .col.right {
        width: 108px;
    }

    body.mobilesmall #pages.donate .col.right {
        width: 98px;
        padding: 0 0 5% 10px;
    }

    body.mobilesmall #pages.donate li {
        height: 75px;
        width: 93px;
    }

    #pages.donate .col.right h2{
        font-size:13px;
    }

    #pages.donate .col.right .text{
        font-size:13px;
    }

    body.mobilesmall #dn-center .ticketbox.general label{
        flex-direction:column;
        align-items:start;
    }

    .f-html.upsell {
        width: 90% !important;

        padding: 0 10px 50px 10px !important;
    }

    .upsell h2{
        font-size:22px;
        margin:50px 0 10px 0;
    }

    #dn-center .dn-field.float{
        float:none;
    }

    #dn-center .dn-field.float.third, #dn-center .dn-field.float.third.middle{
        width:100%;
        margin:0 0 12px 0;
    }







}