.link-image {
    background: none;
    transition: 1s;
}

.about-link-bg:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/menu_head.jpg) center center no-repeat;
    background-size: cover;
}
.menu-link-bg:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/catering-head.jpg) center center no-repeat;
    background-size: cover;
}
.events-link-bg:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/photos_head.jpg) center center no-repeat;
    background-size: cover;
}
.photos-link-bg:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/contact_head.jpg) center center no-repeat;
    background-size: cover;
}
.catering-link-bg:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/events_head.jpg) center center no-repeat;
    background-size: cover;
}

.link-image h1 {
    font-size: 55px;
    text-align: center;
    padding: 100px 10px;
    margin: 0;
    transition: 0.3s;
    color: #000000;
    font-weight: 600;
}

.link-image h1:hover {
    padding: 150px 0;
    opacity: 1;
    color: #ffffff;
}

.link-image {
    background: #fc7d02;
}

@media screen and (max-width:500px) {.link-image h1 {font-size: 35px;}}