.info-box {
  .box-content {
    h3,
    p {
      color: $text_inverse;

      &.text-primary {
        color: $text_primary;
      }
    }

    h3 {
      margin-bottom: 25px;
    }

    p {
    }

    .box-text-secondary {
      font-weight: normal;
    }

    .icon-image {
      display: flex;
      justify-content: center;
      align-content: flex-start;
      margin-bottom: 25px;

      img {
        height: 120px;
        width: 120px;
        border: none;
      }
    }
  }
}

@media only screen and (max-width: $breakpoint_notebook) {
  .info-box {
    .box-content {
      h3 {
      }
      p {
      }
    }
  }
}

@media only screen and (max-width: $breakpoint_medium) {
  .info-box {
    .box-content {
      h3,
      p {
      }
      .icon-image {
        img {
          height: 80px;
          width: 80px;
        }
      }
    }
  }
}