@import url(https://fonts.googleapis.com/css?family=Oswald);
         @import url(https://fonts.googleapis.com/css?family=Raleway);
         .snip1580 {
         font-family: 'Raleway', Arial, sans-serif !important;
         position: relative;
         display: inline-block;
         overflow: hidden;
/*         margin: 10px;
*/         min-width: 250px;
         /*  max-width: 310px;
         */  width: 100%;
         background-color: #000000;
         color: #ffffff;
         text-align: left;
         font-size: 16px;
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
         margin-bottom: 15px;
         }
         .snip1580 * {
         -webkit-transition: all 0.35s;
         transition: all 0.35s;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         }
         .snip1580 img {
         max-width: 100%;
         vertical-align: top;
         }
          @media only screen and (min-width: 768px) {
            .snip1580 img {
               width: 360px;
               height: 220px;
            }
         }
         .snip1580 figcaption {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         padding: 20px;
         background-color: rgba(10, 71, 119, 0.4);
         }
         .snip1580 h3 {
         font-size: 15px;
         color: #ffffff;
         font-weight: 600;
         line-height: 20px;
/*         margin: 3px 0;
*/         }
         .snip1580 h5 {
          font-weight: 600;
          margin: 0;
          color: #fff;
          letter-spacing: 1px;
          line-height: 30px;
          /*border-bottom: 1px solid #fff;*/
/*          width: 50%;
*/         }
        .hidenrml{
            display: none;
         }
         .snip1580 a {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         }
         .snip1580:hover figcaption,
         .snip1580.hover figcaption {
         top: 20px;
         left: 20px;
         right: 20px;
         bottom: 20px;
         background-color: #ff853f;

         }
         .snip1580:hover h3,
         .snip1580.hover h3,
         .snip1580:hover h5,
         .snip1580.hover h5 {
         color: #fff;
         border-bottom: none;
         line-height: 20px;
         }
         .snip1580:hover .hidehvr {
            display: none;
         }
         .snip1580:hover .hidenrml {
            display:block;
         }
         .snip1580:hover h3,
         .snip1580.hover h3{
            font-weight: 400;
         }