figure.refs {font-family: 'Dosis', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 320px;
max-width: 310px;
max-height: 508px;
width: 100%;
background: #152048;
text-align: center;}
figure.refs * {-webkit-box-sizing: padding-box;
box-sizing: padding-box;}
figure.refs img {opacity: 1;
width: 100%;
min-width: 320px;
max-width: 420px;
max-height: 508px;
-webkit-transition: all 0.5s;
transition: all 0.5s;}
figure.refs figcaption {top: 50%;
left: 50px;
right: 50px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);}
figure.refs figcaption h2, figure.refs figcaption p {margin: 0;
color: rgba(255, 255, 255, 0);
text-shadow: 0 0 40px #ffffff;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transition-delay: 0s;
transition-delay: 0s;}
figure.refs figcaption h2 {position: relative;
font-weight: 400;}
figure.refs figcaption h2 span {font-weight: 800;}
figure.refs figcaption p {font-size: 0.9em; padding-top:20px;
font-weight: 500;
line-height:1.8;
opacity: 0.65;}
figure.refs:before, figure.refs:after {position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.15);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s, transform 0.5s;}
figure.refs:before {border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);}
figure.refs:after {border-right: 2px solid #fff;
border-left: 2px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);}
figure.refs a {left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;}
figure.refs.blue {background: #0a212f;}
figure.refs.red {background: #36100c;}
figure.refs.yellow {background: #562e0a;}
figure.refs:hover img, figure.refs.hover img {opacity: 0.2;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: scale(1.1);
transform: scale(1.1);}
figure.refs:hover figcaption h2, figure.refs.hover figcaption h2, figure.refs:hover figcaption p, figure.refs.hover figcaption p {color: #ffffff;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;}
figure.refs:hover:before, figure.refs.hover:before, figure.refs:hover:after, figure.refs.hover:after {opacity: 0.8;-webkit-transform: scale(1);transform: scale(1);}