.app-teaser { margin-top: 70px; }
.app-teaser .row { display: flex; flex-wrap: wrap; align-items: center; }
.app-teaser .row:before, .app-teaser .row:after { display: none; }
.app-teaser .row > div { flex: 0 0 100%; max-width: 100%; }
.app-teaser img { max-width: 100%; border-radius: 6px; }
.app-teaser h3 { margin-top: 0; }
.app-teaser .text-col { margin-top: 24px; }
@media (min-width: 992px) {
    .app-teaser .row > div { flex: 0 0 50%; max-width: 50%; }
    .app-teaser .text-col { margin-top: 0; padding-left: 48px; }
    .app-teaser.reverse .row { flex-direction: row-reverse; }
    .app-teaser.reverse .text-col { padding-left: 15px; padding-right: 48px; }
}

.plan-row { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px -15px 60px; }
.plan-col { flex: 0 0 100%; max-width: 100%; padding: 0 15px; margin-bottom: 30px; display: flex; }
.plan { flex: 1; display: flex; flex-direction: column; background: #fff; border: 1px solid #d5d5d5; border-radius: 8px; padding: 32px; }
.plan-free { border: 2px solid #5cb85c; }
.plan-highlight { border: 2px solid #2196f3; }
.plan h3 { margin-top: 0; }
.plan-sub { color: #777; margin-bottom: 0; }
.plan-list { list-style: none; padding: 0; margin: 20px 0 30px; }
.plan-list li { padding: 6px 0; }
.plan-list i { color: #5cb85c; margin-right: 8px; }
.plan-note { display: block; color: #777; font-size: 13px; margin-top: 2px; }
.plan .btn { margin-top: auto; width: 100%; }
@media (min-width: 992px) {
    .plan-col { flex: 0 0 41.6667%; max-width: 41.6667%; }
}

.spotlight { margin-top: 90px; padding: 40px 30px; background: #fff; border: 2px solid #2c3e50; border-radius: 8px; }
.spotlight-badge { display: inline-block; padding: 4px 14px; background: #2c3e50; color: #fff; border-radius: 12px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 16px; }
.spotlight-point { display: flex; margin-bottom: 24px; }
.spotlight-point i { font-size: 26px; margin-right: 16px; flex: 0 0 auto; }
.spotlight-point h4 { margin: 0 0 4px; }
.spotlight-point p { margin: 0; }
