.featured-blocks {
    text-align: center
}

@media screen and (min-width: 750px) {
    .featured-blocks {
        padding-bottom: 82px
    }
}

.featured-blocks .block__content--center {
    text-align: center
}

.featured-blocks .block__content--center .display-table-cell,
.featured-blocks .block__content--center a {
    align-items: center
}

.featured-blocks .block__content--center a h3 {
    text-align: center
}

.featured-blocks .block__content--left {
    float: left;
    text-align: left
}

.featured-blocks .block__content--left .display-table-cell,
.featured-blocks .block__content--left a {
    align-items: flex-start
}

.featured-blocks .block__content--left a h3 {
    text-align: left
}

.featured-blocks .block__content--right {
    float: right;
    text-align: right
}

.featured-blocks .block__content--right .display-table-cell,
.featured-blocks .block__content--right a {
    align-items: flex-end
}

.featured-blocks .block__content--right a h3 {
    text-align: right
}

.featured-blocks .featured-blocks__button--full-width {
    width: 100%;
    text-align: center
}

.featured-blocks .featured-block {
    margin-bottom: 40px
}

@media screen and (min-width: 750px) {
    .featured-blocks .featured-block {
        margin-bottom: 0
    }
}

.featured-blocks img {
    margin-bottom: 0
}

@media screen and (min-width: 750px) {
    .featured-blocks img {
        margin-bottom: 7px
    }
}

.featured-blocks a {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.featured-blocks a:hover h3:after {
    width: 100%
}

.featured-blocks a:hover .featured-block__image {
    opacity: 70%
}

.featured-blocks .featured-block__button {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    background-color: var(--color-primary);
    color: #fff;
    font-family: aktiv-grotesk-extended, helvetica, arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1
}

@media screen and (min-width: 750px) {
    .featured-blocks .featured-block__button {
        padding: 16px 45px;
        font-size: 15px
    }
}

@media screen and (min-width: 1025px) {
    .featured-blocks .featured-block__button {
        padding: 16px 58px;
        font-size: 15px
    }
}

.featured-blocks .featured-block__button:active,
.featured-blocks .featured-block__button:focus {
    color: #fff
}

.featured-blocks .featured-block__button:hover {
    background-color: var(--color-primary-active);
    color: #fff
}

.featured-blocks .featured-block__image {
    transition: all .2s cubic-bezier(.64, .05, .35, 1);
    display: block;
    width: 100%;
    height: 375px;
    margin-bottom: 17px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: center center;
    background-size: cover
}

@media screen and (min-width: 1200px) {
    .featured-blocks .featured-block__image {
        height: 435px
    }
}

@media screen and (min-width: 1360px) {
    .featured-blocks .featured-block__image {
        height: 500px
    }
}

.featured-blocks .featured-block__copy {
    max-width: 600px;
    margin: 16px 0 0;
    color: #000
}

.featured-blocks h3 {
    display: inline-block;
    position: relative;
    margin-top: 16px;
    margin-bottom: 0;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -.1px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 1025px) {
    .featured-blocks h3 {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1025px) {
    .featured-blocks h3 {
        margin-top: 0;
        font-size: 30px
    }
}