.featuredBox {
    position: relative;
    margin-bottom: 1em;
    background: #FEFEFE;
}

@media (min-width: 660px) {
    .featuredBox {
        float: left;
        height: 394px;
        clear: left;
    }
}

@media (min-width: 905px) {
    .featuredBox {
        margin-right: 3.8%;
        height: 332px;
    }
}

@media (min-width: 1095px) {
    .featuredBox {
        height: 399px;
    }
}

.featuredBox a {
    color: #333;
    text-decoration: none;
}

.featuredBox__title {
    margin: 0;
}

@media (min-width: 660px) {
    .featuredBox-span1 {
        width: 48%;
    }

}

@media (min-width: 905px) {
    .featuredBox-span1 {
        width: 30.8%;
    }
}

.featuredBox-span1 .featuredBox__header {
    position: relative;
    height: 0;
    padding-top: 56.6%;
}

.featuredBox-span1 .featuredBox__header figure {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.featuredBox-span1 .featuredBox__content {
    padding: 10px 20px 20px;
}