@media only screen and (max-width: 767px) {
  .banner .banner-title {
    font-size: 1.875em;
  }

  .tfc-header .banner-title,
  .project-banner .banner-title {
    font-size: 1.25em;
  }

  .banner-style-2 .banner-title {
    font-size: 2em;
    margin-bottom: 30px;
    line-height: 1.3;
  }

  .banner-detail-header .banner-title {
    font-size: 1.75em;
  }

  .banner .banner-sub p {
    font-size: 1.35em;
  }

  .banner-style-2 .additional-info {
    margin-top: 20px;
    max-width: 100%;
  }

  .quote-right .banner-container {
    padding-top: 0;
  }

  .quote-default .banner-container {
    max-width: 400px;
  }

  .quote-default .banner-detail .banner-title {
    margin-bottom: 30px;
  }

  .project-banner .project-id {
    margin-bottom: 30px;
  }

  .quote-banner {
    min-height: auto;
    align-items: center;
    background: var(--very-dark-cyan) !important;
    padding: 0;
  }

  .quote-banner .banner-detail {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .quote-banner .banner img {
    height: auto;
  }

  .quote-banner.banner-img img {
    height: auto;
  }

  .quote-banner .banner-img:after {
    display: none;
  }

  .quote-banner .banner-img {
    display: block;
    min-height: auto;
  }

  .project-banner .type-wrap li {
    margin-bottom: 5px;
    min-height: 26px;
    font-size: 1em;
    padding-left: 7px;
    padding-right: 7px;
  }

  .project-banner .project-id {
    margin-bottom: 15px;
  }

  .project-banner .type-multiple li:not(:last-child) {
    margin-right: 5px;
  }

  .project-banner .type-wrap {
    display: none;
  }

  .image-with-logo img {
    padding-left: 15px;
  }

  .just-transition-page .banner .banner-title,
  .toolbox-ast-detail .banner .banner-title {
    font-size: 1.75em;
  }

}