/* Teaching CSS */

/* Leave only name of the course if the viewport to narrow */

  /* Default style for text */
  .classes {
    display: none; /* Hide by default */
  }

  /* Media query for smaller screens */
  @media only screen and (max-width: 700px) {
    .classes-small {
      display: block; /* Display for smaller screens */
    }
    .below-header-container {
      justify-content: left;
    }

  }

  /* Media query for larger screens */
  @media only screen and (min-width: 701px) {
    .classes-large {
      display: block; /* Display for larger screens */
    }
  }