.container-fluid.no-padding + .overflow-area-container { .overflow-area { margin-top: -80px; margin-bottom: 50px; } } .container-fluid.no-padding + .container-fluid.overflow-area-container{ .primary-content-area-top{ padding-top: 0px; } } .container-fluid.overflow-area-container + .container{ .secondary-content-area{ padding-top: 50px; } } .secondary-content-area{ } .overflow-area-container { padding-bottom: 1px; background-color: #F9F7F6; .overflow-area { min-height: 300px; margin-top: 50px; margin-bottom: 0px; display: flex; text-align: center; align-items: center; padding: 0 50px 0 50px; @include media-breakpoint-up(lg) { padding: 0 100px 0 100px; } @include media-breakpoint-up(xl) { padding: 0 190px 0 190px; } background-color: #fff; box-shadow: $box-shadow; .overflow-area-header { padding: 30px 0; text-align: right; a { color: $dark-grey; span { vertical-align: middle; margin-right: 5px; font-size: 20px; } } } } } .highlighted-text { display: inline-block; margin-bottom: 20px; padding: 2px 20px; background-color: $orange; color: #fff; } .sub-header-info { display: flex; a { color: $dark-grey; } a span { margin-right: 5px; vertical-align: middle; line-height: 1px; font-size: 16px; } div:not(:last-child) { margin-right: 20px; } }