.x-container.offset{margin:10px auto}.top,.bottom{width:100%;height:100px}.coursebox{margin-top:20px}.coursebox:hover{background-color:#eee}.entry-wrap{padding:5px}.grid{padding:20px 20px 100px;max-width:1300px;margin:0 auto;list-style:none;text-align:center}.grid li{display:inline-block;width:440px;margin:0;padding:20px;text-align:left;position:relative}.grid figure{margin:0;position:relative}.grid figure img{max-width:100%;display:block;position:relative}.grid figcaption{position:absolute;top:0;left:0;padding:20px;background:#2c3f52;color:#ed4e6e}.grid figcaption h3{margin:0;padding:0;color:#fff}.grid figcaption span:before{content:'by '}.grid figcaption a{text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#ed4e6e;color:#fff}@media screen and (max-width:31.5em){.grid{padding:10px 10px 100px}.grid li{width:100%;min-width:300px}}a{text-decoration:none}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.textOverImage{background-size:cover!important}}.textOverImage{position:relative;width:300px;height:300px;float:left;margin:4px;margin-left:30px;background-size:100%;background-position:center;transition:.5s;overflow:hidden;border-radius:4px;box-shadow:0 0 4px #000}.textOverImage:hover{background-size:110%}.textOverImage:before{position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(90%);background-color:rgba(f,f,f,0.7);color:#000;padding:0 8px;content:attr(data-title);transition:.5s .1s;font-weight:700;font-size:1.2em}.textOverImage:after{position:absolute;top:0;bottom:0;left:0;right:0;color:blue;padding:8px;content:attr(data-text);transition:.5s;padding-top:2em;margin-top:8px;transform:translateY(100%);opacity:0}.textOverImage:hover:after{transform:translateY(0);transition:.5s .1s;opacity:1}.textOverImage:hover:before{transform:translateY(0);padding:8px;background-color:rgba(0,0,0,.6);transition:.5s}