div.gallery {
    margin-bottom: 10px;
}


div.gallery img {
    width: 893px;
    height: 300px;
}

div.desc {
    padding: 15px;
    text-align: center;
    border-bottom: #cc8400;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

div.desc:hover {
    border-color: #273d4b;
    border-top: none;
    border-left: none;
    border-right: none;
}


* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}