.portfolio{position:relative;overflow:hidden;margin-top:30px;margin-bottom:30px}.portfolio:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}.portfolio img{width:100%;height:auto;display:block;position:relative;transition:all .7s ease;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease}.portfolio .portfolio-context{width:100%;height:100%;top:0;left:0;display:table-cell;position:absolute;text-align:center;vertical-align:middle;opacity:0;background:#ffa64d;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out}.portfolio .portfolio-context:hover{opacity:1}.portfolio .portfolio-context .portfolio-content{position:absolute;top:10%;left:0;width:100%;padding:0 10px}.portfolio .portfolio-context h3{color:#fefefe}.portfolio .portfolio-context p{color:#fefefe;font-size:14px}.portfolio .portfolio-context .btn{display:inline-block;text-decoration:none;padding:6px 12px;font-size:14px;text-transform:uppercase;color:#fefefe;border:1px solid #ff8000;margin-top:4em;background-color:transparent;transform:translateY(-50px);transition:all .2s ease-in-out}.portfolio .portfolio-context .btn:hover{box-shadow:0 0 5px #fefefe}@media(min-width:1080px){.portfolio .portfolio-context .portfolio-content{position:absolute;top:25%;left:0;width:100%;padding:0 20px}}