/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.bb__block--frontend {
  margin-top: 48px;
  padding: 100px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative; }
  .bb__block--frontend:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 150vw;
    top: 0;
    right: -110px;
    z-index: -1;
    background: #0066FA;
    border-radius: 0 999px 999px 0; }
    @media screen and (max-width: 900px) {
      .bb__block--frontend:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        border-radius: 0; } }
  @media screen and (max-width: 900px) {
    .bb__block--frontend {
      -ms-flex-direction: column;
          flex-direction: column; } }

.bb__image {
  width: 40%;
  max-width: 250px; }
  @media screen and (max-width: 900px) {
    .bb__image {
      width: 100%; } }

.bb__text {
  padding-left: 30px;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  color: #FFFFFF; }
  @media screen and (max-width: 900px) {
    .bb__text {
      padding-left: 0;
      margin-top: 48px; } }
