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

.hg-volunteer-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2600px;
    background-image:url("../images/volunteer-intro-background.png");
    background-repeat:no-repeat;
    background-position:left top;
    background-size:100% 60%;
}

.hg-volunteer-fog{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1550px;
    background:rgba(255,255,255,0.1);
    pointer-events:none;
    
}
    
.volunteer-application-button{
    position:absolute;
    top:1000px;          /* up and down */

    left:50%;           /* horizontal position */

    transform:translateX(-50%);

    z-index:10;

    text-align:center;
}
    .volunteer-application-button img{
    width:900px;
    height:auto;
}


.hg-volunteer-content{
    position:relative;
    z-index:2;
    padding:80px 40px;
}

.hg-volunteer-content h2{
    margin:0;
    text-align:center;
    color:white;
}

.hg-volunteer-content p{
    max-width:800px;
    margin:30px auto 0;
    color:white;
    text-align:center;
}

.page-volunteer-intro{
    border:10px solid red;
}