@media (max-width: 1900px){
    #servicenav li {
        width: 146px;
        flex: 0 0 146px;
    }

    #servicenav li a{
        padding:20px 10px;
    }

    #pages.get-involved #donate:before{
        width:1028px;
    }

}

@media (max-width: 1800px){
    #servicenav li {
        width: 136px;
        flex: 0 0 136px;
        font-size:13px;
    }

    #pages.get-involved #donate:before {
        width: 958px;
    }



}

@media (max-width: 1700px){
    #servicenav li {
        width: 126px;
        flex: 0 0 126px;

    }

}

@media (max-width: 1600px){
    #servicenav li {
        width: 116px;
        flex: 0 0 116px;
    }

    #pages.get-involved #donate:before {
        width: 758px;
    }

    .main{
        max-width:1400px;
    }

}

@media (max-width: 1500px){


    #servicenav{
        display:none;
    }

    #topwrapper .top, #footerwrapper .footer, #mailing {
        width: 95%;

        max-width: 1820px;
    }

    #pages h2.large .script {
        font-size: 165px;
        line-height: 1.5;
    }

    #home #services .links{
        width:95%;
    }

    #home #services .title{
        font-size:40px;
    }

    .main{
        max-width:95%;
    }

}

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

    }

    #topwrapper #navwrapper .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: 100%;
        background: #fff;
        z-index:9;

        position:relative;
        top:0;

    }

    .fa.fa-close{
        color:#fff;
    }





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

    #navwrapper .fa-bars{






        color:#fff;
        font-size:18px;
        display: block;
        z-index:9;
        width: 16px;
        height: 20px;
        padding: 10px;
        background:rgba(4,30,40,0.7);
        position:fixed;
        top:0;
        right:0;
    }

    #navwrapper .menu-toggle, #navwrapper .menu-close{
        display:block;
        text-align:right;
        font-size:21px;
    }

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

    }

    #topnavwrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        background: #fff;
    }


    #topwrapper .top #navwrapper a {

        font-size: 20px;

    }



    #topwrapper #navwrapper .subnav .sub_menu li a:hover{
        background: #1a1a1a;
        color:#49ceff;
    }


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

    #topwrapper #navwrapper  li a,  #topwrapper #navwrapper .main-menu a  {
        display: block;
        padding: 40px 0;

        font-size: 25px;
        border:none;
        background:none!important;

        text-decoration: none;


        text-align:center;
        margin:0;
    }

    #navwrapper li{
        display:block;
        padding:0;
    }




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

    .main-menu:target, .main-menu[aria-expanded="true"]{
        display: block;
        right: 0;
        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);
        left: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;
        right: 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;

        }


        .footer .nav{
        display:none;
    }

        .footer{
        padding:40px 0 0 0;}
    }

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

    #pages.services .info .flex{
        flex-direction:column;
    }

    #home #call .box {

        padding: 60px;
        width: 250px;

        flex: 0 0 250px;
    }

    #home #services .links{
        flex-wrap:wrap;
        justify-content:center;
    }

    #home #services .box, #home #services .box.kimpeturin, #home #services .box.referrals {
        flex-basis:350px;
        margin:0 1% 50px 1%;
    }

    #pages.about #staff:before{
        top:350px;

    }

    #pages.about .box.pix{
        margin:50px 0 70px 0;
    }




}

@media (max-width: 1300px){
    #pages.services .image {
        flex-basis: 475px;
        flex: 0 0 375px;
    }

    #pages.services h2{
        font-size:60px;
    }

    #pages.services .box{
        margin:0 0 70px 0;
    }

    #pages.get-involved .stat .amount{
        font-size:70px;
    }

    #pages.get-involved #donate:before{
        display:none;
    }

    #pages.get-involved h3{
        margin:40px 0 30px 0;
    }

    #pages h2.large .script{
        font-size:135px;
    }

    #pages h2.large {
        font-size: 100px;
    }

    #home #stats .flex{
        flex-direction:column;
    }

    #home #stats .stat{
        flex-direction:row;
    }

    #home #stats .right{
        width:85%;
        margin:0 auto;
    }

    #home #stats .left{
        width:100%;
    }

    #home #stats .left h2 {
        text-align:center;
    }

    #home #stats .left .script{
        text-align:center;
    }

    #home #why .flex{
        flex-direction:column;
    }

    #home #why .right{
        width:85%;
        margin:0 auto;
    }

    #home #why .par{
        flex-direction:row;
    }

    #home #why .video{
        margin:40px auto 0 auto;
        width:85%;
    }

    #pages.about #staff:before{
        display:none;
    }



}

@media (max-width: 1200px){
    #pages.get-involved .toptext, #pages.services .toptext{
        width:50%;
    }

    h3{
        line-height:1;
        margin:0 0 15px 0;
    }

    #pages.get-involved h3 {
        margin: 90px 0 30px 0;
    }

    #home #help .flex .script{
        line-height:1;
        font-size:150px;
    }

    #home #why .script {
        line-height:1;
        font-size:150px;

        margin: 0 0 0 0px;
    }

    #home #help .flex{
        flex-direction:column;
        align-items:center;
    }

    #home #help .right{
        width:85%;
        margin:0 auto;
        text-align:center;


    }

    #home #call .flex{
        flex-wrap:wrap;
    }

    #home #help   h2{
        text-align:center;
    }

    #home #help .left{
        width:85%;
    }

    #pages.about h1{
        font-size:90px;
    }

    #pages.about h1 .script {
        font-size: 145px;
    }

    #pages.about .flex.top{
        flex-direction:column;
    }

    #pages.about .top .text, #pages.about .top .photo, #pages.about #mitzvah .text{
        width:80%;
        margin:0 auto;
    }

    #pages.about .top .text{
        margin:40px auto;
    }

    #pages.about #mitzvah .flex{
        flex-direction:column;
        padding:0 0 50px 0;
    }

    #pages.about #mitzvah h2{
        text-align:center;
    }

    #pages.about .videowrapper{
        flex-direction:column;

    }

    #pages.about .videowrapper:before{
        display:none;
    }

    #pages.about #mitzvah .script{
        display:inline;
        margin:0;
    }

    #pages.about #mitzvah{
        padding:150px 0 0 0;
    }

    #pages.about #staff h2{text-align:left;
    font-size:60px;
    }

    #pages.about #staff h2 br{
        display:none;
    }

    #pages.about .videowrapper .button {
        margin: 50px auto 50px auto;
        color: #fff;

        border: 1px solid #fff;
    }






}

@media (max-width: 1000px){
    #pages.services .box, #pages.services .box:nth-child(2n){
        flex-direction:column;
    }

    #pages.services .info, #pages.services .image{
        width:80%;
    }

    #pages.services .info{
        margin:40px 0 60px 0;
    }

    #home #testimonial .flex{
        flex-direction:column;
    }

    #home #testimonial .left, #home #testimonial .right{
        width:85%;
        margin:0 auto;
        text-align:center;
    }

    #home #testimonial h2{
        text-align:center;
    }

    #pages.donate .toptext{
        width:45%;
        margin:40px 0 0 0;
    }

}

@media (max-width: 960px){
    #pages.get-involved #stats .stat{
        width:50%;
    }

    #pages.get-involved #stats{
        flex-wrap:wrap;
    }

    #pages.get-involved #stats .stat{
        width:45%;
        text-align:center;
        margin:0 1% 30px 1%;
    }

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

    #pages.get-involved #donate .options.flex{
        flex-direction:row;
    }

    #pages.get-involved .info, #pages.get-involved .pix{
        width:85%;
    }

    #pages.get-involved h2.large{
        text-align:center;
        margin:0 0 40px 0;
    }

    #home #call .script {
        font-size: 90px;
        line-height: 1.4;
    }

    #home #call h2{
        font-size:60px;
    }

    #home #testimonial h2{
        font-size:80px;
    }

    #home #testimonial .main{
        max-width:75%;
    }

    .padding {
        padding: 60px 0;
    }

    #home #why .left {
        width: 100%;
        text-align: center;
    }

    #home #why h2 {
        text-align: center;
        font-size: 90px;
    }

    #pages.about #mitzvah h2 {
        text-align: center;
        padding: 40px 0 0 0;
    }

    #dn-center #part1, #dn-center #part2, #dn-center #part3{
        float:none;
        margin:0 auto;
        width:85%;
    }

    #dn-center #part1, #dn-center #part2, #dn-center #part3{
        padding:50px 0 0 0;
        border:none;
    }

}

@media (max-width:850px){
    #home #call h2{
        font-size:60px;
    }

    #home h1{
        font-size:140px;
    }

    #home #services .box, #home #services .box.kimpeturin, #home #services .box.referrals {
        flex-basis: 310px;
    }

    #home #stats .left h2 br{
        display:none;
    }

    h2{
        font-size:90px;
    }

    #home #hero{
        background-position:center;
    }

    #home #stats .title{
        font-size:30px;
    }

    #home .stat .amount{
        font-size:80px;
    }

    #home h1 .script {
        margin: -20px 0 -100px 180px;

    }

    #pages.about .video{
        width:80%;
        margin:70px auto 50px auto;
    }

    #pages.about .box.pix{
        flex-direction:column;
    }

    #pages.about #staff h2{
        font-size:40px;
        text-align:center;
        padding:0 0 40px 0;
    }

    #pages.about .box.pix .info, #pages.about .image{
        width:80%;
        margin:0 auto;
    }

    #pages.about .box.pix .image{
        margin:0 auto 40px auto;
        width:80%;
    }

    #pages.about #staff .small, #pages.about #staff .small + .small{
        margin:0 auto 40px auto;
        width:80%;
        float:none;
    }
}

@media (max-width:750px){
    #pages.get-involved #blood h2{
        font-size:60px;
    }

    #home .overlay {

        right: 0;

        width: 100%;
    }

    #home h1 .script {
        margin: -20px 0 -200px 180px;
    }

    #home #services .box, #home #services .box.kimpeturin, #home #services .box.referrals {
        flex-basis: 47%;
    }

    #home #testimonial h2 {
        font-size: 50px;
    }

    #home #testimonial .script{
        font-size:90px;
    }

    #pages.about h1, #pages.donate h1, #pages.contact h1 {
        font-size: 70px;
    }

    #pages.about h1 .script, #pages.donate h1 .script, #pages.contact h1 .script {
        font-size: 115px;
    }

    #pages h2.large {
        font-size: 80px;
    }

    #pages h2.large .script {
        font-size: 105px;
    }

    #pages.donate .toptext{
        width:90%;
        margin:0 auto;
        float:none;
    }

    #pages.donate h1 .script:before {

        bottom: 92%;
    }

    #pages.contact h1.flex .script:before {

        width: 1050px;
        bottom: 45%;
    }



}

@media (max-width:650px){
    h1{
        font-size:90px;
    }

    #pages h1 .script {
        font-size: 120px;
    }

    h1.flex .script:before {

        bottom: 96%;
    }

    #pages.get-involved .toptext, #pages.services .toptext{
        float:none;
        width:95%;
        margin:0 auto;
    }

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

    h3{
        font-size:25px;
    }

    #pages.services .main.padding{
        padding:50px 0 0 0;
    }

    .padding {
        padding:60px 0;
    }

    #home #stats .stat{
        flex-direction:column;
    }

    #home .stat .amount{
        width:100%;
        flex:0;
        margin:0 0 10px 0;
        text-align:left;
    }

    #home #stats .desc{
        width:100%;
    }

    #home #call h2{
        margin:0 0 40px 0;
    }

    #pages.about h1, #pages.donate h1, #pages.contact h1 {
        font-size: 50px;
    }

    #pages.about h1 .script, #pages.donate h1 .script, #pages.contact h1 .script {
        font-size: 90px;
    }

    #topwrapper .top{
        padding:20px 0;
    }

    #pages.about .top .text{
        column-count:1;
    }

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

    #pages.donate h1 .script:before {
        bottom: 112%;
    }

    h1.flex{
        max-width:40%;
    }

    #pages.contact h1.flex .script:before {

        bottom: 32%;
    }

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

    #pages.contact .left, #pages.contact .right{
        width:85%;
        margin:0 auto 40px auto;
        padding:0;
        border:none;
    }

}

@media (max-width:550px){
    h1 {
        font-size: 70px;
    }

    #pages h1 .script {
        font-size: 100px;
    }

    #pages.get-involved .stat .amount {
        font-size: 40px;
    }

    #pages.get-involved .title {
        font-size: 15px;
        margin:5px 0;
    }

    #pages.get-involved .text {
        color: #0047AB;
        line-height: 1.2;
        font-size: 14px;
    }

    #pages h2.large {
        font-size: 60px;
    }

    #pages h2.large .script {
        font-size: 100px;
    }

    #pages.get-involved h3{
        font-size:50px;
    }

    #pages.get-involved h3 {
        margin: 40px 0 30px 0;
    }

    #pages.get-involved #blood h2 {
        font-size: 40px;
        margin: 0 0 20px 0;
    }

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

    .footer{
        flex-direction:column;
    }

    .footer .contactinfo{
        margin:0 0 40px 0;
        text-align:center;
    }

    .footer .logo{
        margin:0 auto 15px auto;
    }

    .social .icons{
        text-align:center;
    }

    .footer .copy{
        text-align:center;
    }

    .social .icons {
        margin: 0 0 30px 0;
    }

    #pages.get-involved #stats{
        padding:60px 0 0 0;
    }

    #home h1 .script {
        margin: -20px 0 -100px 180px;
        font-size: 140px;
    }

    #home h1, #home h1 span {
        font-size: 100px;
    }

    h2, #home #why h2 {
        font-size: 70px;
    }

    #home #help .flex .script, .script, #home #why .script {

        font-size: 100px;
    }

    #home #services .box, #home #services .box.kimpeturin, #home #services .box.referrals {
        flex-basis: 100%;
    }

    #home .stat .amount {
        font-size: 50px;
    }

    #home #stats .stat {
        margin: 0 0 70px 0;
    }

    #home .stat.first .amount {
        position: relative;
        margin: 0 10px 0 0px;
    }

    #home #call{
        padding:0 0 60px 0;
    }

    #home #why .par{
        flex-direction:column;
    }

    #home #why .col{
        width:100%;
    }

    #home #testimonial .left, #home #testimonial .right{
        width:100%;
    }

    #home #testimonial .main {
        max-width: 85%;
    }

    #home #testimonial {

        padding: 120px 0 0 0;
        margin: -200px 0 0 0;
    }

    #home .block{
        height:400px;
    }

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

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

    #pages.about #about{
        padding:0 0 40px 0;
    }

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

    #pages .script {
        font-size: 90px;
    }

    #pages.about .how {
        margin: 0 110px -60px 0;
    }

    #pages.about .video {
        width: 90%;
        margin: 70px auto 0px auto;
    }

    #pages.about .videowrapper .button {
        margin:40px auto 90px auto;
    }

    #pages.about .box.pix {
        margin: 0px 0 70px 0;
    }

    #pages.about #staff .small h3 {
        font-size: 25px;
        margin:0 0 10px 0;
    }

    #pages.about #staff .small .title{
        width:100%;
        font-size:15px;
    }

    #mailing {
        padding: 20px 0 0 0;
    }

    .fancybox__content {
        width: 95% !important;
        padding: 20px !important;
    }

    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea {

        border-radius: 0;
    }
}