.at-comparisonBlocks {
    padding: 3em 0;
    font-size: 1rem;
    background-color: #edebeb;
}

.at-comparisonBlocks--noMarginTop {
    padding-top: 0;
}

.at-comparisonBlocks--noMarginBottom {
    padding-bottom: 0;
}

.at-comparisonBlocks--white {
    background-color: #fff;
}

.at-comparisonBlocks--blue {
    background-color: #00a7eb;
}

.at-comparisonBlocks__inner {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
}

.at-comparisonBlocks__block {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-bottom: 2em;
    padding: 2em 3em;
    border: 1px solid #edebeb;
    border-radius: .3em;
    background-color: #fff;
    box-shadow: 0 6px 20px -10px rgba(0, 0, 0, 0.2);
    transition: transform .3s ease-out;
}

.at-comparisonBlocks__block:hover {
    z-index: 2;
    transform: scale(1.05);
}

.at-comparisonBlocks__block.at-comparisonBlocks--noMouseOver:hover {
    transform: none;
}

.at-comparisonBlocks__block:hover .at-comparisonBlocks__button {
    background-color: #1f2e61;
}

.at-comparisonBlocks--highlightCenterBlock .at-comparisonBlocks__block:nth-child(2) {
    transform: scale(1.15);
    z-index: 1;
}

.at-comparisonBlocks--highlightCenterBlock .at-comparisonBlocks__block:nth-child(2):hover {
    transform: scale(1.2);
}

.at-comparisonBlocks__title {
    margin-bottom: 0;
}

.at-comparisonBlocks__subtitle {
    margin: 0;
    text-transform: uppercase;
    font-size: .8em;
    opacity: .8;
}

/**
 * Text
 */

.at-comparisonBlocks__text {
    margin-top: 1.5em;
    margin-bottom: auto;
    padding-top: 1.5em;
    border-top: 1px solid #edebeb;
    line-height: 1.6;
}

.at-comparisonBlocks__text ul {
    list-style: outside;
}

.at-comparisonBlocks__text p:last-child {
    margin-bottom: 0;
}

.at-comparisonBlocks__button {
    text-align: center;
    transition: background-color .3s ease-in-out;
}

.at-comparisonBlocks__link {
    text-decoration: none;
}

@media (min-width: 568px) {
    .at-comparisonBlocks__block {
        width: calc(50% - 1em);
    }
}

@media (min-width: 768px) {
    .at-comparisonBlocks__inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .at-comparisonBlocks__block + .at-comparisonBlocks__block {
        margin-top: 0;
        margin-left: 2em;
    }
}

@media (min-width: 1280px) {
    .at-comparisonBlocks__block + .at-comparisonBlocks__block {
        margin-left: 3em;
    }
}