.bg-section{
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100vh;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center; 
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

#bg-section01{
    background-image: url('img/img0.jpg');
}
#bg-section02{
    background-image: url('img/img0.jpg');
}
#bg-section03{
    background-image: url('img/img0.jpg');
    top: 30vh;
}

.z-depth-2{
    position: relative;
    z-index: 2;
}


#section01{
    position: relative;
    z-index: 2;
    padding: 45vh 0;
}

#section01 .inner-el{
    font-size: 4rem;
    position: relative;
    text-align: center;
    padding: 0 10px;
    max-width:50px;
}
@media(max-width: 767px){
    #section01 .inner-el{
        padding: 0 10px; 
        font-size: 3rem;
    }
}


#section02{
    background: rgba(255,255,255,0);
    position: relative;
    z-index: 4;
    padding:10vh 0;
}
#fog01{
    position: absolute;
    bottom: -30vh;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
#fog01 img{
    width: 100%;
}
#section03{
    position: relative;
    z-index: 3;
    padding: 50vh 0 0;
    background: rgba(255,255,255,0);
    overflow: hidden;
}
#fog02{
    position: absolute;
    bottom: -50vh;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}
#fog02 img{
    width: 100%;
}
#section04{
    position: relative;
    background: rgba(255,255,255,0);
    z-index: 3;
    padding: 10vh 0;
}
#section05{
    position: relative;
    z-index: 3;
    padding: 50vh 0 0;
    background: rgba(255,255,255,0);
    overflow: hidden;
}
#section06{
    position: relative;
    background: rgba(255,255,255,0);
    z-index: 3;
    padding: 10vh 0;
}



@media(max-width: 767px){
        
    #section02,#section04,#section06{
        padding: 40px 0;
    }
}