/* Code by Dragon */

.gallery {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 10%;
    margin-bottom: 30px;
}

.gallery img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    display: block;
}

.gallery a {
    text-decoration: none;
    display: block;
    float: left;
    box-sizing: inherit;
    padding: 0px 10px;
    width: 33%;
}

@media (max-width: 650px) {
    .gallery a { width: 100%; padding: 20px 10px; }
}

.gallery div {
    text-align: center;
    background-color: #a80808;
    color: white;
    border-top: 2px solid darkred;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    transition: 0.3s;
    font-weight: bold;
}

.gallery a:hover div { background-color: #ff1414; border-color: #db0f0f;}