body.responsive div.programs-display div.programs {
  /*program*/ }
  body.responsive div.programs-display div.programs > div.register-now > div {
    border: 4px solid #FF0000 !important; }
    @media screen and (max-width: 575px) {
      body.responsive div.programs-display div.programs > div.register-now > div > div.text::after {
        content: "Register now!";
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        position: absolute;
        top: -28px;
        left: 0;
        color: #FFF;
        text-align: left;
        padding: 0 5px;
        line-height: 25px;
        text-transform: uppercase;
        z-index: 100;
        width: 100%;
        background-color: rgba(255, 0, 0, 0.8); } }
    @media screen and (min-width: 576px) {
      body.responsive div.programs-display div.programs > div.register-now > div > div.image {
        overflow: hidden; }
        body.responsive div.programs-display div.programs > div.register-now > div > div.image::after {
          content: "Register now!" !important;
          position: absolute;
          font-family: 'Roboto Condensed', sans-serif;
          top: 29px;
          left: -57px;
          color: #fff;
          width: 200px;
          text-align: center;
          text-transform: uppercase;
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          z-index: 100;
          background-color: #FF0000 !important; } }
  body.responsive div.programs-display div.programs > div.registered > div {
    border: 4px solid #00FF00 !important; }
    @media screen and (max-width: 575px) {
      body.responsive div.programs-display div.programs > div.registered > div > div.text::after {
        content: "Registered!";
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        position: absolute;
        top: -28px;
        left: 0;
        color: #FFF;
        text-align: left;
        padding: 0 5px;
        line-height: 25px;
        text-transform: uppercase;
        z-index: 100;
        width: 100%;
        background-color: rgba(0, 255, 0, 0.8); } }
    @media screen and (min-width: 576px) {
      body.responsive div.programs-display div.programs > div.registered > div > div.image {
        overflow: hidden; }
        body.responsive div.programs-display div.programs > div.registered > div > div.image::after {
          content: "Registered!" !important;
          position: absolute;
          font-family: 'Roboto Condensed', sans-serif;
          top: 29px;
          left: -57px;
          color: #fff;
          width: 200px;
          text-align: center;
          text-transform: uppercase;
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          z-index: 100;
          background-color: #00FF00 !important; } }