.tutor-block{position:relative;margin:0 -7px 12px;min-height:330px}.tutor-block .-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.tutor-block .-overlay-gradient{position:absolute;top:30%;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));z-index:2}.tutor-block .-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,11,118,0.7);z-index:2;opacity:0;transition:.3s}.tutor-block:hover .-overlay{opacity:1}.tutor-block .-overlay-inner{position:absolute;right:0;bottom:65px;left:25px;color:#fff;font-size:18px}.tutor-block .-overlay-inner p{margin:0 0 15px}.tutor-block .-name{position:absolute;bottom:25px;left:25px;color:#fff;font:33px/1 'MonumentGrotesk Black',sans-serif;font-style:oblique;z-index:2}.tutor-block .-button{position:absolute;right:30px;bottom:25px;z-index:3}.tutor-block .-button a{display:inline-block;padding:8px 10px;min-width:130px;color:#fff;font-size:20px;line-height:1;text-decoration:none;text-align:center;background:0;border:2px solid #fff;border-radius:20px;transition:.3s}.tutor-block .-button a:hover{color:#000b76;text-decoration:none;background:#fff}@media(max-width:768px){.tutor-block{margin:0 auto 12px;max-width:320px}}