­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ .cbw-panels-grid { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; max-width: 1100px; width: 1030px; margin: 0 auto 70px; } .cbw-panel { max-width: 33.3333%; flex: 0 0 33.3333%; display: flex; padding: 20px 15px; box-sizing: border-box; &__icon { @include padding(0, 20px, 0, 0); } &__title { font-weight: 500; font-size: 18px; line-height: 140%; color: #fff; } &__link { display: inline-flex; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; box-shadow: none; text-decoration: none; border-bottom: 2px solid rgba( 255, 255, 255, .4 ); margin: 3px 0 0 0; align-items: center; svg { @include margin(0, 0, -1px, 3px); @include rtl_inverse(); } &:hover { color: #fff; border-bottom: 2px solid rgba( 255, 255, 255, 1 ); } } } .cbw-onboarding { display: flex; flex: 1; &__info { text-align: center; padding: 15vh 0 40px; } &__icon { display: flex; justify-content: center; align-items: center; } &__title { font-weight: 500; font-size: 32px; line-height: 140%; color: #fff; padding: 25px 0 10px; } &__desc { color: #fff; font-size: 18px; line-height: 140%; } .cbw-header__bg { height: 100%; display: flex; flex-direction: column; } .cbw-header__body { flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } }