.at-blocks {
    position: relative;
    margin-top: -1px;/** Collapse article_title border and at-block border */
    margin-bottom: 5em;
}

@media (max-width: 108em) {
    .at-blocks__title {
        margin-bottom: 1em;
    }
}

.at-blocks__title {
    position: relative;/** Position subsection */
}

.at-blocks + .at-blocks {
    padding-top: 0;
}

.at-blocks + .at-blocks::before {
    top: -4em;
}

.at-blocks .block {
    flex-grow: 1;
    position: relative;
    margin-bottom: 30px;
    padding-right: 30px;
    font-size: .8rem;
}

.block--center {
    text-align: center;
}

.block--fullwidthMedia .block__title,
.block--fullwidthMedia .block__text {
    padding: 0 30px;
}

.at-blocks .block--tile {
    padding: 40px 30px;
    border-top: 2px solid var(--primaryColor);
    background-color: #fff;
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);
    box-shadow: 0 2px 40px 0 rgba(0,0,0,.1);
}

.block--hasLink {
    cursor: pointer;
}

.at-blocks .block--tile.block--hasLink:hover {
    transform: translateY(-10px);
    box-shadow: 5px 5px 40px 0 rgba(0,0,0,.18);
}

.at-blocks .block--fullwidthMedia {
    padding: 0 0 40px;
}

.at-blocks .block__title {
    font-size: 1rem;
}

.block__link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.block__img,
.block .u-videoResponsive {
    margin-bottom: 2em;
}

.block .u-videoResponsive {
    z-index: 10;
}

.block__img--small {
    max-width: 8rem;
}

.block__logo {
    display: inline-block;
    max-height: 50px;
    width: auto;
    max-width: 150px;
    margin-top: 50px;
}

@media screen and (min-width: 460px) and (max-width: 767px) {
    .at-blocks--4 .block {
        flex: 1 0 50%;
    }
}

@media screen and (min-width: 768px) {
    .at-blocks--equal .block,
    .at-blocks--33 .block:first-child {
        flex: 0 calc((100% - 40px) / 3);
    }

    .at-blocks--50 .block {
        flex: 0 calc(50% - 10px);
    }

    .at-blocks--66 .block:first-child {
        flex: 0 66%;
    }

    .at-blocks--66 .block:first-child,
    .at-blocks--33 .block:first-child,
    .at-blocks--3.at-blocks--equal .block:first-child {
        margin-right: 20px;
    }

    .at-blocks--3.at-blocks--equal .block:last-child {
        margin-left: 20px;
    }

    .at-blocks--4 .block {
        flex: 0 0 23%;
    }
}

/**
 * Lists
 */

.at-blocks .block ul {
    padding-left: 1em;
    list-style: none;
}

.at-blocks .block ul li::before {
    position: absolute;
    margin-left: -1em;
    content: '•';
    color: var(--primaryColor);
}

.at-blocks .block li {
    margin-bottom: .7em;
    line-height: 1.3;
    color: #000;
}
