.link-block {position: relative;text-align: center;}
.link-block img {width: 100%; padding-bottom:80px; transition: filter .5s ease-in-out;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.link-block img:hover {transition: filter .5s ease-in-out;-webkit-filter: grayscale(80%); filter: grayscale(80%);}
.link-block h3 {position: absolute;top: 75%;left: 50%;transform: translate(-50%, -50%); }
.link-block h3:hover {}

.link-block h3 a {width: 300px;display: block;color:#000; font-size: 36px; padding: 10px; background-color: rgba(250, 250, 250, 0.6); border: solid 1px rgba(250, 250, 250, 0.7);}
.link-block h3 a:hover {color:#fff;transition: all .5s ease-in-out;background-color: rgba(106, 153, 171, 0.6); border: solid 1px rgba(106, 153, 171, 0.9);}

@media (max-width: 1600px) {
.link-block img {padding-bottom:40px;}

}

@media (max-width: 1280px) {
.link-block h3 a { width: 230px;font-size: 30px; padding: 10px;}
}
@media (max-width: 1024px) {
.link-block img {padding-bottom:8px;}
}
@media (max-width: 992px) {
.link-block h3 a { width: 200px;font-size: 24px; padding: 8px;}
}
@media (max-width: 767px) {
.link-block img {padding-bottom:20px;}
.link-block h3 a {width: 180px;padding: 8px 6px;}
}
@media (max-width: 480px) {
.link-block img {padding-bottom:10px;}
}
@media (max-width: 360px) {
.link-block img {padding-bottom:8px;}
}