/* ==================================
   VOLUNTEER SECTION
================================== */

.volunteer-banner{
       background-image: url(Kirsten9.jpg);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
}

.volunteer-content{
    max-width:500px;

    margin-left:12%;

    position:relative;
    z-index:2;
}

.volunteer-content h2{
    color:#fff;

    font-size:4.5rem;
    font-weight:800;
    line-height:.95;

    margin-bottom:30px;

    text-transform:uppercase;
}

.volunteer-content p{
    color:#fff;

    font-size:1rem;
    line-height:1.8;

    margin-bottom:35px;
}

.volunteer-btn{
    display:inline-block;

    background:#d9ac45;
    color:#fff;

    padding:16px 32px;

    text-decoration:none;
    font-weight:700;
    font-size:.9rem;

    transition:.3s;
}

.volunteer-btn:hover{
    transform:translateY(-2px);
}

/* ==================================
   TABLET
================================== */

@media (max-width:991px){

    .volunteer-banner{
        min-height:420px;
    }

    .volunteer-content{
        margin:0 40px;
    }

    .volunteer-content h2{
        font-size:3.5rem;
    }

}
    
/* ==================================
   MOBILE
================================== */

@media (max-width:768px){

    .volunteer-banner{
        min-height:350px;
        text-align:center;
    }

    .volunteer-content{
        max-width:100%;
        margin:0 25px;
    }

    .volunteer-content h2{
        font-size:2.5rem;
    }

    .volunteer-content p{
        font-size:.9rem;
    }

}

/* ==================================
   SMALL PHONES
================================== */

@media (max-width:479px){

    .volunteer-banner{
        min-height:280px;
    }

    .volunteer-content h2{
        font-size:2rem;
    }

    .volunteer-content p{
        display:none; /* matches many charity templates */
    }

    .volunteer-btn{
        width:100%;
        text-align:center;
    }

}