/**
***************************************************************************************************
** Define CONSTANTS to be used throughout the style sheet
***************************************************************************************************
**/
@media screen and (min-width: 650px) and (max-width: 850px) {
  /* the three 'pcl-visible' styles offer a way to control the */
  /* the rendering of items based on where the screen width is */
  /* in relation to the screen break points                    */
  .pcl-visible-wide {
    display: none !important;
  }

  .pcl-visible-small {
    display: none !important;
  }

  /*******************************************************************/
  /*                          QUICK LINKS                            */
  /*******************************************************************/
  .pcl-quick-links {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }

  /*******************************************************************/
  /*                        LANDING PAGE                             */
  /*******************************************************************/
  .pcl-features-tile {
    display: block;
  }

  .pcl-intro-msg {
    margin-bottom: 10px;
    display: block;
  }

  .pcl-intro-msg-mobile {
    margin-bottom: 10px;
    display: none;
  }

  .pcl-pacer-fees-primary {
    display: none;
  }

  .pcl-pacer-fees-secondary {
    display: none;
  }

  .pcl-pacer-fees-tertiary {
    display: block;
    margin-top: 20px;
  }

  /*******************************************************************/
  /*                      END LANDING PAGE                           */
  /*******************************************************************/
  /*******************************************************************/
  /*                        WELCOME PAGE                             */
  /*******************************************************************/
  .pcl-features-tile {
    display: block;
  }

  .pcl-intro-msg {
    margin-bottom: 10px;
    display: block;
  }

  .pcl-intro-msg-mobile {
    margin-bottom: 10px;
    display: none;
  }

  .pcl-pacer-fees-primary {
    display: none;
  }

  .pcl-pacer-fees-secondary {
    display: none;
  }

  .pcl-pacer-fees-tertiary {
    display: block;
    margin-top: 20px;
  }

  /*******************************************************************/
  /*                      END WELCOME PAGE                           */
  /*******************************************************************/
  /*******************************************************************/
  /*                           FOOTER                                */
  /*******************************************************************/
  .pcl-footer {
    display: block;
    width: 100%;
  }

  /*******************************************************************/
  /*                         END FOOTER                              */
  /*******************************************************************/
  .pcl-legend-box {
    float: left;
    margin-top: 10px;
    margin-left: 0;
    clear: both;
  }
}

/*# sourceMappingURL=pclMid.css.map */