.image-warpper { margin:0 0 20px 0; padding:0 0 20px 0;     border-bottom: 1px dashed rgba(0,0,0,.3);}

.image-warpper figure {margin:0; width:100%; clear:both; overflow:hidden;}

.image-warpper figure img {width:100%; height:auto; max-width:800px;}

.image-warpper figure a { position:relative; max-width:800px; float:left; margin-right:20px; }

.image-warpper figure .fa { bottom:20px; left:20px; color: #fff; position: absolute; padding: 20px; background: rgba(0,0,0,.3); border-radius: .3em; -webkit-transition:all,0.5s ease-in-out;-o-transition:all,0.5s ease-in-out;transition:all,0.5s ease-in-out;}

.image-warpper figure:hover .fa { background: rgba(0,0,0,.6); }

.legenda { font-family :var(--tipo-letra-principal); }