.stuff {
    opacity: 0.0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.placer {
    width:100%;
  background: url(../images/projects/on52.png) center center no-repeat;
background-size: cover;
    
     min-height:300px;
    margin-bottom:15px;
}

.placer h1 {
     color:#FFFFFF; font-size:48px; text-align:left;
	 margin-left:5%
}
.placer:hover + .stuff {
    opacity: 1.0;
	
	 
	position: absolute;
width: 90%;
 
left: 5%;
top:10%;
padding: 30px;
z-index: 32;
}

.stuff  h5 {
    font-size: 28px;
    color: #fff;
padding:10px;
text-align:center;
	background:rgb(0,0,0,0.7);
}

.ju {background-color:#ffff; border-radius:20px;}

.first {min-height:280px; 
 
 
background-color:#f39700;}
.newh1 {position:absolute;font-size: 38px;

color: #fff;

margin-bottom: 5px;

text-transform: capitalize;

 margin-left:20px;
 
 }


.second {min-height:280px; 
 
background-color:#FFFFFF; }

.third {min-height:280px; background-color:#FFFFFF; }

.fourth {min-height:280px; background-color:#222223;  }
.fifth {min-height:280px; background-color:#FFFFFF; }
.six { min-height:280px;background-color:#f39700;}
.seven {min-height:280px; background-color:#222223;  }
.eight {min-height:280px; background-color:#FFFFFF;  /*#AB1B1B*/}
.second h1 {position:absolute;font-size: 35px;

color: #fff;

margin-bottom: 5px;

text-transform: capitalize;

 margin-left:20px;}