.caption{
   width:100%;
   font-weight:400;
   text-align:center;
   letter-spacing:0.01rem;
position:absolute;
top:38%;
text-transform:none;

}



.cap-bot figcaption { 
left: 0;

width:100.0%;
height:100%;

}




.cap-bot:hover figcaption {
bottom: 0;
 }





figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
   margin: 0;

}

figcaption {
   position: absolute;
    background:  rgba(148,130,119,0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
 
      transition:all 0.45s ease;
   -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
   -o-transition:      all 0.6s ease;     
 
  
  letter-spacing: 0px;
   color:#1b1b1b;
   padding:0;
width:100%;
height:100%;


}

.h-name{
font-size: 22px;
    line-height: 28px;
    font-size: 1.375rem;
    line-height: 1.75rem;
    cursor:none;
    margin-bottom:3px;
    text-decoration:none !important;
}



.contact-hover{
color:#fff !important;
text-decoration:none !important;
letter-spacing:0.05rem;
line-height:22px;
line-height:1.375rem;
}

.contact-link:hover{
color:#243a4b !important;
text-decoration:underline !important;
}



figure:hover figcaption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}



@media screen and (max-width:1100px) {
.cap-bot:hover figcaption { 

 
}


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


.caption{
top:40%;
}

.figcaption {
height:100%%;
}


.contact-link{

line-height:28px;
line-height:1.75rem;
text-decoration:none !important;
}

.contact-link{

}




}