.plans {
@extend %flexbox; @include flex-flow(wrap); padding: 50px 0 30px 0; .plan { list-style: none; padding: 0; margin: 0 10px 50px 10px; text-align: center; border: 1px solid #eee; border-radius: 5px; box-shadow: 0px 0px 10px #eee; width: 100%; .highlighted { font-size: 1.2em } .pricing-cta { padding: 0; a { display: block; box-sizing: border-box; padding: 20px 0; border-radius: 0 0 2px 2px; border: 0; } } @media #{$desktop} { -webkit-flex: 1; flex: 1; } li { border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 20px 0; h3 { padding: 0; margin: 0; color: #fff; font-weight: normal; } } }
}
.faq {
@media #{$desktop} { @include columns(2); } color: #666; div { break-inside: avoid; padding: 25px 0; } dt { font-weight: bold; margin: 0 0 5px 0; } dd { padding: 0; margin: 0; }
}