/* =========================================
   DONATE FOR OUR HEROS - MOBILE
   ========================================= */

@media (max-width:600px){

    .donate-hero{
        width:100%;
        min-height:450px;
        height:450px;

        background-size:100% 100%;
        background-position:center center;
        background-repeat:no-repeat;

        display:block;
        position:relative;
    }

    .donate-hero-content{
        width:50%;
        max-width:none;

        padding:0;
        margin:0;

        position:relative;
        left:0;
        top:0;
    }

.donate-hero-buttons{
    width:100%;

    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

    justify-content:center;
    align-items:center;

    gap:10px;

    margin-top:0;
    margin-left:0;
}

.donate-hero-button{
    min-width:0;
    width:66%;

    height:48px;
    padding:0 8px;

    font-size:14px;

    position:relative;
    top:375px;
    justify-content:flex-start;
    padding-left:35px;
    flex:0 0 130px;
      left:75px;
}

    .regular-donation-qr-code{
        display:none;
    }

}

/* =========================================
   DONATE FOR OUR HEROS - HORIZONTAL
   ========================================= */

@media (orientation: landscape) and (max-width:600px){

    .donate-hero{
        width:100%;
        min-height:650px;
        height:650px;
    }
    
    .donate-hero-button{
    min-width:200px;
    height:48px;

    padding:0 20px;

    font-size:16px;

    transform:translate(20px, 180px);
}

}