.portfolio .filter-options{margin: -5px -5px 30px -5px;}
.portfolio .filter-options a{margin: 5px;}
.portfolio .portfolio-list{overflow: hidden;}
.portfolio .portfolio-wrapper{}
.portfolio .portfolio-item{}
.portfolio .portfolio-media{position: relative;overflow: hidden;}
.portfolio .portfolio-media img{width: 100%;}
.portfolio .portfolio-overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.7);color: #fff;transition: all ease-in-out 400ms;opacity: 0;}
.portfolio .overlay-inner{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 15px;height: 100%;text-align: center;}
.portfolio .overlay-inner a{color: #fff;}
.portfolio .portfolio-body{margin-top: 15px;}
.portfolio .portfolio-introtext{margin-top: 10px;}
.portfolio .portfolio-btns + .portfolio-title{margin-top: 10px;}
.portfolio .portfolio-item:hover .portfolio-overlay{opacity: 1;}