@media screen and (min-width: 1200px) and (max-width: 1280px) and (min-height: 700px) and (max-height: 800px) {
     
   body .crop {
        position: absolute;
        bottom: -30px !important;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
    }
    body h1 {
        font-size: 56px;
        line-height: .8;
    }
    body h2 {
        font-size: 42px;
        line-height: 1;
    }
    body .hero--give h3 {
        text-transform: uppercase;
        font-size: 4rem;
    }
    body .hero--give h1 { 
        font-size: 13rem; 
    }
    .card-content p{
        font-size: 14px !important;
    }
    body .card--sticky.cs-2 {
        padding-left: 96px;
    }
    body .card--sticky.cs-3 {
        padding-left: 193px;
    }
    body .fz-18 {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
    body .fz-22 {
        font-size: 18px !important;
    }
}