.l-box {
    padding: 1em 1.5em;
}

.photo-box,
.text-box {
    overflow: hidden;
    position: relative;
    height: 250px;
    text-align: center;
}

.photo-box-thin {
    height: 120px;
}

.photo-box {
    height: auto;
    padding: 0 1em 1em 1em;
    color: #fff;
}

.photo-box a {
    color: #fff;
    display: block;
}

.photo-box a:hover .photo-box-caption {
    background: #009639;
}

.photo-box .photo-box-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.photo-box .photo-box-caption {
    padding: 1em;
    background: #2d3e50;
    position: relative;
}

.photo-box .photo-box-caption h3,
.photo-box .photo-box-caption p {
    margin: 0;
}

.photo-box .photo-box-caption p {
    line-height: 1.4em;
}

.photo-box .photo-box-caption h3 {
    color: #fff;
}

.photo-box .photo-box-caption .nomination-status,
.photo-box .photo-box-caption .nomination-category {
    color: #f5c300;
}

.photo-box .photo-box-caption .nomination-category {
    font-size: 0.75em;
}

.photo-box .photo-box-caption .nomination-entrant {
    font-size: 0.75em;
}

.photo-box .photo-box-caption .nomination-winner {
    display: inline-block;
    background: #009639;
    padding: 0.25em 1em;
    border-radius: 1em;
    position: absolute;
    margin-top: -4em;
    text-align: left;
    left: 1em;
    font-weight: bold;
}

.text-box {
    background: rgb(45,62,80); /* bluish grey */
    color: rgb(255,255,255); /* white */
}

    .text-box-head {
        color: white;
        padding-bottom: 0.2em;
        font-weight: 400;
        font-size: 32px;
        margin: 0;
    }

    .text-box-subhead {
        font-weight: normal;
    }

		.text-box-subhead a {
			color: rgb(245, 195, 0);
		}

        .text-box-subhead a:hover {
            color: rgb(255, 218, 75);
        }


@media (min-width: 48em) {
    .photo-box, .text-box {
        text-align: left;
    }

    .photo-box-thin {
        height: 250px;
    }
}

@media (max-width: 48em) {
    .photo-box {
        padding: 0;
    }
}