.grid-area{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2em;margin:0 auto;max-width:1200px}.grid-item{display:flex;overflow:hidden;position:relative}.item-pic{background:50% no-repeat;background-size:cover;border-bottom:.25em solid #de373b;height:15em;width:100%}.item-desc{background-color:#444;color:#e2ac3a;font-family:roboto;padding:0 2em 2.5em;top:192px;transition:.2s ease-in-out}.grid-item:hover .item-desc,.item-desc{height:25em;position:absolute;transition:all .2s ease-in-out .2s;-webkit-transition:all .2s ease-in-out .2s;-moz-transition:all .2s ease-in-out .2s;-o-transition:all .2s ease-in-out .2s}.grid-item:hover .item-desc{cursor:pointer;top:0;width:386px}.item-desc p{font-size:16px}.item-desc h2{font-size:17px;font-weight:700}.item-desc a{background:#9c9c9c;border:.5px solid #fff;color:#fff;font-weight:lighter;left:2em;letter-spacing:3px;padding:.5em 1em;position:absolute;text-decoration:none;text-transform:uppercase;transition:background .15s ease-out}.item-desc a:hover{background-color:#444;color:#fff}@media screen and (max-width:980px){.grid-area{grid-template-columns:1fr 1fr}}@media screen and (max-width:700px){.grid-area{grid-template-columns:1fr}.item-desc{top:192px}}.item-desc .h2{color:#adadad;font-family:roboto,Helvetica,Tahoma,Geneva,Arial,sans-serif;font-size:17px;font-weight:700;margin:.75rem 0 1.5rem;text-rendering:optimizeLegibility}