.g-section { overflow: hidden; padding: 56px 0; @media (min-width: 768px) { padding: 96px 0; } &.bg-light { background: #f7f8fa !important; //TODO - !important is to override the `#page-home section` #fff background; } &.bg-dark { background: #252937 !important; //TODO - !important is to override the `#page-home section` #fff background; color: #fff; } &.border-top { border-top: 1px solid #e5e6eb; } & .intro { margin: 0 auto 24px; max-width: 784px; text-align: center; @media (min-width: 767px) { margin-bottom: 64px; } & h2, & h3 { margin: 0 0 24px; } } li { list-style-type: none; margin: 16px 0; &:before { background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url('data:image/svg+xml;utf8,'); content: ""; display: block; float: left; height: 24px; margin: 4px 0 0 -40px; width: 24px; } } }