.grid{text-align:left}.grid a{float:left;max-width:320px;width:33%}.grid a:nth-child(3n+1),.grid a:nth-child(3n+3){margin:1.3em 0 -1.3em}.grid figure{position:relative;overflow:hidden;margin:5px;background:#333}.grid figure img{position:relative;display:block;width:100%!important;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s}.grid figcaption{position:absolute;top:0;z-index:11;width:100%;height:100%;text-align:center}.grid figcaption h2{margin:0 .5em .5em;color:#fff;font-size:1.6em;line-height:1em;-webkit-transition:-webkit-transform .3s;transition:transform .3s;padding:0}.grid figcaption p{margin:0 .5em .5em;padding:0 1em;color:#fff;font-size:.7em;line-height:1.2em;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}.grid figcaption h2,.grid figcaption p{-webkit-transform:translateY(.5em);transform:translateY(.5em)}.grid figure button{position:absolute;padding:.3em 1em;border:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}.grid figcaption,.grid figcaption h2,.grid figcaption p,.grid figure button{-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid svg{position:absolute;top:-1px;z-index:10;width:100%;height:110%}.grid a:hover svg{height:0}.grid svg path{fill:#117dc2}.grid a:hover figure img{opacity:1}.grid a:hover figcaption h2,.grid a:hover figcaption p{-webkit-transform:translateY(0);transform:translateY(0)}.grid a:hover figcaption p{opacity:0}#Portfolio .grid figure button{top:50%;left:50%;border:3px solid #fff;background:0 0;color:#fff;opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale(.25);transform:translateY(-50%) translateX(-50%) scale(.25)}#Portfolio .grid a:hover figure button{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%) scale(1);transform:translateY(-50%) translateX(-50%) scale(1)}#Portfolio .grid figcaption h2,#Portfolio .grid figcaption p{-webkit-transition-timing-function:cubic-bezier(.25,.25,.115,1);-webkit-transition-timing-function:cubic-bezier(.25,.25,.115,1.445);timing-function:cubic-bezier(.25,.25,.115,1.445)}#Portfolio .grid a:hover figcaption p{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.1s;transition-duration:.1s}#Portfolio .grid figcaption h2{color:#fff}#Portfolio .grid a:hover figcaption h2{display:none;-webkit-transform:translateY(5px);transform:translateY(5px)}@media screen and (min-width:768px) and (max-width:991px){.grid a{width:33.333%}.grid a:nth-child(3n+1){margin:1.3em 0 -1.3em}.grid svg{height:80%}.grid a:hover svg{height:400%}.grid figure button{font-size:.6em}#Portfolio .grid figure button{top:85%}.grid figcaption h2{font-size:.9em}.grid figcaption p{display:none}}@media screen and (min-width:768px) and (max-width:991px) and (max-device-width:1000px){.grid figcaption p{display:none}}@media screen and (max-width:767px) and (max-device-width:1000px){.grid{max-width:250px}.grid a{width:100%}.grid a:nth-child(even),.grid a:nth-child(odd){margin:0}.grid svg{height:80%}.grid a:hover svg{height:250%}#Portfolio .grid figure button{top:70%}.grid figcaption h2{font-size:1em;-webkit-transform:translateY(.2em);transform:translateY(.2em)}.grid figcaption p{display:none}}@media screen and (min-width:480px) and (max-width:767px) and (max-device-width:1000px){.grid{max-width:500px}.grid a{width:50%}.grid a:nth-child(odd){margin:0}.grid a:nth-child(even){margin:1.3em 0 -1.3em}.grid svg{height:100%}.grid a:hover svg{height:350%}.grid figure button{font-size:.75em}#Portfolio .grid figure button{top:80%}.grid figcaption h2{margin:0 .5em .5em;-webkit-transform:translateY(.2em);transform:translateY(.2em);font-size:1em;line-height:1em}.grid figcaption p{display:none}}