.grid-wrapper{margin:0}.grid{position:relative}.grid-item{width:100%;position:relative;opacity:1;visibility:visible;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}.grid-item.grid-sizer{padding:0 !important}.grid-item.grid-item-constant,.grid-item.grid-item.grid-item--width0.grid-item-constant{width:100% !important;height:auto !important;padding:1px !important}.grid-item.grid-item--width0{width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;opacity:0;visibility:visible;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}.grid-item a.grid-inner{position:relative;display:block;padding:0;overflow:hidden;font-size:1rem;font-weight:400;text-align:center}.grid-item a.grid-inner:visited,.grid-item a.grid-inner:focus,.grid-item a.grid-inner:hover,.grid-item a.grid-inner{color:#fff}.grid-inner img{width:100%;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.grid-overlay{position:absolute;left:1px;right:1px;top:1px;bottom:1px;color:#fff;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;padding:.9375rem;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.grid-item:hover .grid-overlay,.grid-item:focus .grid-overlay{opacity:1;visibility:visible}.grid-item .grid-content{position:absolute;left:0;right:0;top:50%;padding:.5rem;font-size:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.grid-item .grid-title{color:inherit;font-weight:700;font-size:1rem}.grid-wrapper .grid-filter{text-align:left;padding:1rem .625rem}.grid-wrapper .grid-filter ul{margin:0 -.625rem;padding:0;text-align:center;font-size:0}.grid-wrapper .grid-filter li{display:inline-block;padding:.125rem;vertical-align:top;font-size:1rem}.grid-wrapper .grid-filter a,.grid-wrapper .grid-filter a:visited{color:#525c55;font-weight:400;padding:.25rem .75rem .125rem;line-height:1.6rem;border-radius:2px;vertical-align:baseline;position:relative;display:block;background-color:#f4f4f4;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.grid-wrapper .grid-filter a:hover,.grid-wrapper .grid-filter a:focus{background-color:#ccc}.grid-wrapper .grid-filter .active a{background-color:#0a0a0a;color:#fff}@media screen and (min-width:40em){.grid-wrapper{margin:0 -.9375rem}.grid-item{width:50%;padding:.9375rem}.grid-item.grid-item-constant,.grid-item.grid-item.grid-item--width0.grid-item-constant{width:50% !important}.grid-item.grid-item--width2{width:100%}.grid-item .grid-content{font-size:1rem}.grid-item .grid-title{font-size:1.125rem;font-weight:700}.grid-wrapper .grid-filter{text-align:center;padding:1rem .9375rem}.grid-wrapper .grid-filter ul{margin:0 -.25rem;padding:0;text-align:center}.grid-wrapper .grid-filter li{display:inline-block;padding:.25rem;vertical-align:top}}@media screen and (min-width:64em){.grid-item{width:25%}.grid-item.grid-item--width2{width:50%}.grid-item.grid-item-constant,.grid-item.grid-item.grid-item--width0.grid-item-constant{width:25% !important}.grid-wrapper .grid-filter{text-align:center;padding:1rem .9375rem}}