div.certificates{text-align:center;width:100%}div.certificates>div{width:256px;max-width:256px;margin:12px;min-height:288px;display:inline-block;background-color:#ccc;position:relative;vertical-align:top;border:2px solid black;cursor:pointer;overflow:hidden}div.certificates>div>a,div.certificates>div>a>img{max-width:inherit;display:block}div.certificates>div>a>span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.75);color:white;text-align:left;padding:8px;font-size:1.25em;transition:opacity .25s ease-in-out}div.certificates>div:hover>a>span{opacity:1}div.certificates>div>a>span.hidden{top:100%}div.certificates>div>a>span>i{font-style:normal;text-decoration:none;border-bottom:2px solid #e60000}div.certificates>div>a>span>b{font-size:.75em;width:100%;display:block;text-align:center;margin-top:10px;font-weight:400}@media only screen and (min-width:239px){div.certificates>div{margin:16px 0;width:224px;max-width:224px}div.certificates>div>a>span{opacity:1}}@media only screen and (min-width:319px){div.certificates>div{width:288px;max-width:288px}}@media only screen and (min-width:359px){div.certificates>div{width:320px;max-width:320px}}@media only screen and (min-width:479px){div.certificates>div{width:448px;max-width:448px}}@media only screen and (min-width:532px){div.certificates>div{margin:8px;width:224px;max-width:224px}}@media only screen and (min-width:599px){div.certificates>div{margin:8px;width:256px;max-width:256px}}@media only screen and (min-width:767px){div.certificates>div{margin:16px;width:320px;max-width:320px}}@media only screen and (min-width:1023px){div.certificates>div{width:288px;max-width:288px}}@media only screen and (min-width:1024px){div.certificates>div{margin:12px;width:256px;max-width:256px}div.certificates>div>a>span{opacity:0}}