.link_elem {position: relative;margin: 20px 0; } .link_elem img {width: 20%;display: block;margin: 0 auto; } .link_elem a {display: flex;min-height: 160px;height: 220px;padding: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);font-size: 15px;background-color: #fff;transition: box-shadow .3s ease;word-wrap: break-word;align-items: center;justify-content: center;flex-direction: column; } .link_elem a:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); } .link_elem span {display: block;text-transform: none;font-size: 20px;font-family: 'Proxima Nova', sans-serif;color: black;text-decoration: underline;text-decoration-color: #949494;padding-top: 10px;text-align: center; } @media (max-width: 768px) {.link_elem a {font-size: 18px;font-weight: 500;min-height: 100px;} }