.special {
    background-color:#efefef;
    min-height: 100%;
    margin-bottom: 1em;
}

.special-img {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 285px;
    padding-left: 0;
}

.special h4 {
    color: #000000;
    margin-bottom: 0.5em;
}

.promo-code {
    color: #5a8c92;
}

.special-content {
    padding: 1em;
}

.specials-button, a.specials-button {
    color: #FFFFFF;
    background:#5a8c92;
    font-size: 1.25em;
    text-transform: uppercase;
    width: 100%;
    transition: ease-in-out 0.2s;
}

.specials-button:hover, a.specials-button:hover {
    background: #FFFFFF;
    color:#5a8c92;
}

/* Single post styles */

.specials-info-box {
    color: #FFFFFF;
    background:#5a8c92;
    font-size: 1.25em;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    
}

.specials-post-nav {
    margin-top: 2em;
    margin-bottom: 2em;
}

.specials-post-nav a {
    color: #5a8c92;
    font-style: normal;
}

.single-special #breadcrumbs {
    font-style: normal;
    text-transform: uppercase;
    color:#000000;
}

.single-special #breadcrumbs a {
    font-style: normal;
    text-transform: uppercase;
    color:#5a8c92;
}

@media screen and (max-width:1024px) {
    .special .row {
        margin-left: 0;
    }
}

@media screen and (max-width: 475px) {
    .special .row {
        margin-right: 0;
    }

    .special-img {
        height: 250px;
    }
}