/* Mixins */
.course-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 20px; }
  .course-columns .course-banner {
    background-color: #eee;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    display: inline;
    width: 20%; }
    .course-columns .course-banner .course-banner-link {
      color: #211915;
      font-weight: bold; }
    @media (max-width: 767px) {
      .course-columns .course-banner {
        width: 40% !important;
        margin: 16px;
        padding-top: 1px;
        padding-bottom: 1px; } }
  .course-columns .w-15 {
    width: 15%; }