/* All anchor links will scroll smoothly (rather than jump) */
  html {
    scroll-behavior: smooth;
  }

  /* Scroll to ID leaves top margin */
  #solar-quote,
  #solar-mesh,
  #solar-benefits,
  #solar-reviews,
  #solar-faq,
  #solar-gallery {
    scroll-margin-top: 20px;
  }


  /* Solar Panels - Benefits section */
  .solar-benefits-header {
    font-style: italic;
    color: #2e294e;
    margin-left: 10px;
    font-weight: 700;
  }

  .solar-benefits-header img {
    height: 40px;
    width: 40px;
  }

  .nobreak {
    white-space: nowrap;
  }


  @media only screen and (max-width: 48em) {

    #solar-quote,
    #solar-mesh,
    #solar-benefits,
    #solar-reviews,
    #solar-faq,
    #solar-gallery {
      scroll-margin-top: 10px;
    }

    /* Classes used on Solar Page accordion */
    .solar-benefits-header {
      margin-left: 10px;
      color: #D7263D;
    }

    .solar-benefits-header img {
      height: 30px;
      width: 30px;
    }

    .solar-accordion a {
      font-size: 1rem;
      font-weight: 600;
    }

    .solar-accordion a:hover {
      color: #D7263D;
    }

    .solar-accordion .accordion-inner {
      font-size: 1rem;
      line-height: 1.6;
    }

    .solar-accordion .solar-accordion-title {
      font-size: 1.2em;
      color: #D7263D;
      font-style: italic;

    }
  }