#quote .mobile-container {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
  margin-top: 10px;
}

.tariffDisplay--mobile {
  width: 80%;
  display: inline-block;
  margin-left: 4%;
  margin-right: 4%;
  &:first-child{
    margin-left:10%;
  }
  &:last-child{
    margin-right:10%;
  }
  &__header {
    background-image: url("img/backgrounds/leaf-bg.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-bottom-left-radius: 0;
    padding: 5px 20px;
    margin: 0;
    margin-bottom: 10px;
    height: @tariff-header-height-mobile;
    width: 100%;
    color: #fff;
    border-top-left-radius: @border-radius-base;
    border-top-right-radius: @border-radius-base;
    position: relative;

    // Puts content above background gradient.
    > * {
      position: relative;
    }

    &:before {
        content: "";
        position: absolute;
        border-radius: @border-radius-base @border-radius-base 0 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        #gradient.horizontal(fadeout(@primary-gradient-start, 10%), fadeout(@primary-gradient-end, 10%));
      }

    div.description_content span {
      color: #fff;
      white-space: normal;
    }
  }
  .tariffPropertyCell {
    p span {
      font-weight: 800;
    }
  }
  &__price:extend(.tariffPropertyCell) {
    height: 215px;
    margin-top: 0;
    padding: 10px;
    p {
      font-size: @font-size-h2;
      font-weight: 700;
      color: @brand-primary;
      line-height: 1;
    }
    span {
      font-size: @font-size-h6;
      &.description {
        font-size: @font-size-base;
        color: @gray-dark;
        font-weight: 400;
      }
    }
  }
}