/*-------------------Main Banner-------------------*/

  .WorkMainBanner{
  	display: block;
    font-size: 0;
    z-index: 0;
    width:100%;
    height:91vh;
    position: relative;
    overflow: hidden;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.07) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.07) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 36%,rgba(0,0,0,0.07) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 );
  }

  .WorkMainBanner div{
    display: block;
    position: relative;
    top: 60%;
    transform: translateY(-40%);
  }

  .WorkMainBanner img:first-child{
  	display: block;
  	position: relative;
  	width: 50%;
  	max-width: 310px;
  	margin: 0 auto 100px;
  	z-index: 1000;

    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out; 
  }

.WorkMainBanner img:last-child{
    display: block;
    position: relative;
    margin: auto;
    width: 90%;
    max-width: 1200px;
}


.dreamzebra-0{
    display: block;
    height: 800px;
    overflow: hidden;
    background: url("../../links/Dreamzebra/Dreamzebra-01.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.DZ-Screens{
  padding: 0 40px;
  box-sizing: border-box;
  margin: auto;
  max-width: 1200px;
}

.dreamzebra-img{
	display: block;
	width: 100%;
	margin: 160px auto;
  box-shadow: 0px 3px 10px #ebebeb;
}

.proj-last-img{
    display: block;
    height: 800px;
    overflow: hidden;
    background: url("../../links/Dreamzebra/Dreamzebra-last.jpg") no-repeat 0% 60%;
    background-size: cover;
}

@media only screen and (max-width:480px){

  .DZ-Screens{
    padding: 0 24px;
  }

  .dreamzebra-img{
		margin: 80px auto;
	}

	.dreamzebraG-0{
	    background: url("../../links/Dreamzebra/Dreamzebra-last.jpg") no-repeat 70% 0;
	    background-size: cover;
	}
}

@media only screen and (max-width:800px){

  

}