/* =========================================
   VOLUNTEER INTRO - MOBILE
   ========================================= */

@media (max-width:600px){

    .hg-volunteer-background{
        position:relative;
        width:100%;
        height:500px;
        min-height:500px;
        overflow:hidden;
    }

    .hg-volunteer-image{
        position:absolute;
        top:0;
        left:0;

        width:100%;
        height:100%;

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

    .volunteer-application-button{
        position:absolute;
        top:75%;
        left:50%;

        transform:translateX(-50%);

        z-index:10;
    }

    .volunteer-application-button img{
        width:250px;
        height:auto;
    }

}

/* =========================================
   VOLUNTEER INTRO - HORIZONTAL
   ========================================= */

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

    .hg-volunteer-background{
        width:100%;
        min-height:650px;
        height:650px;
    }

    .volunteer-application-button{
        top:75%;
    }

    .volunteer-application-button img{
        width:320px;
        height:auto;
    }

}