.l-col-3 {
  min-width: 100%; }
  @media (min-width: 768px) {
    .l-col-3 {
      display: flex;
      flex-wrap: wrap; }
      .l-col-3__col {
        width: 50%; } }
  @media (min-width: 992px) {
    .l-col-3__col {
      width: 33.33333%; } }
  @media (min-width: 768px) {
    .l-col-3--gap-xs {
      margin-left: -15px;
      margin-right: -15px; } }
  .l-col-3--gap-xs .l-col-3__col {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .l-col-3--gap-xs .l-col-3__col {
        padding-left: 15px;
        padding-right: 15px; } }
  @media (min-width: 768px) {
    .l-col-3--gap-sm {
      margin-left: -20px;
      margin-right: -20px; } }
  .l-col-3--gap-sm .l-col-3__col {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .l-col-3--gap-sm .l-col-3__col {
        padding-left: 20px;
        padding-right: 20px; } }
  @media (min-width: 768px) {
    .l-col-3--gap-md {
      margin-left: -40px;
      margin-right: -40px; } }
  .l-col-3--gap-md .l-col-3__col {
    margin-bottom: 80px; }
    @media (min-width: 768px) {
      .l-col-3--gap-md .l-col-3__col {
        padding-left: 40px;
        padding-right: 40px; } }
  @media (min-width: 768px) {
    .l-col-3--gap-lg {
      margin-left: -60px;
      margin-right: -60px; } }
  .l-col-3--gap-lg .l-col-3__col {
    margin-bottom: 120px; }
    @media (min-width: 768px) {
      .l-col-3--gap-lg .l-col-3__col {
        padding-left: 60px;
        padding-right: 60px; } }
  @media (min-width: 768px) {
    .l-col-3--no-tablet-break.l-col-3--gap-xs {
      margin-left: -15px;
      margin-right: -15px; } }
  .l-col-3--no-tablet-break.l-col-3--gap-xs .l-col-3__col {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .l-col-3--no-tablet-break.l-col-3--gap-xs .l-col-3__col {
        width: 33.33333%;
        padding-left: 15px;
        padding-right: 15px; } }
  @media (min-width: 768px) {
    .l-col-3--no-tablet-break.l-col-3--gap-sm {
      margin-left: -20px;
      margin-right: -20px; } }
  .l-col-3--no-tablet-break.l-col-3--gap-sm .l-col-3__col {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .l-col-3--no-tablet-break.l-col-3--gap-sm .l-col-3__col {
        width: 33.33333%;
        padding-left: 20px;
        padding-right: 20px; } }
  @media (min-width: 768px) {
    .l-col-3--no-tablet-break.l-col-3--gap-md {
      margin-left: -40px;
      margin-right: -40px; } }
  .l-col-3--no-tablet-break.l-col-3--gap-md .l-col-3__col {
    margin-bottom: 80px; }
    @media (min-width: 768px) {
      .l-col-3--no-tablet-break.l-col-3--gap-md .l-col-3__col {
        width: 33.33333%;
        padding-left: 40px;
        padding-right: 40px; } }
  @media (min-width: 768px) {
    .l-col-3--no-tablet-break.l-col-3--gap-lg {
      margin-left: -60px;
      margin-right: -60px; } }
  .l-col-3--no-tablet-break.l-col-3--gap-lg .l-col-3__col {
    margin-bottom: 120px; }
    @media (min-width: 768px) {
      .l-col-3--no-tablet-break.l-col-3--gap-lg .l-col-3__col {
        width: 33.33333%;
        padding-left: 60px;
        padding-right: 60px; } }
  .l-col-3--top {
    align-items: flex-start; }
  .l-col-3--middle {
    align-items: center; }
  .l-col-3--bottom {
    align-items: flex-end; }
  .l-col-3--right {
    justify-content: right; }
  .l-col-3--center {
    justify-content: center; }
  .l-col-3--left {
    justify-content: left; }