/* - - general banner styling - - */
#banner-title {
  background-color: #f3f3f4;
  border-bottom: 1px solid #DDD;
  padding: .75rem; }

.banner {
  font-family: "TiemposHeadlineWeb-Bold";
  font-size: 1.5rem; }

/* - - general page layout - - */
.cta-button-group .cta-button .btn {
  min-width: 220px;
  margin: .5rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  padding: 1rem; }

/* - - hide mobile CTA buttons on page load */
#mobile-cta-buttons {
  display: none; }

/* - - banner for larger screens - - */
@media (min-width: 768px) {
  #background-image {
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: top;
    background-size: cover;
    height: 577px; }
  #image-titles {
    position: absolute;
    background-color: rgba(53, 76, 161, 0.8) !important;
    padding: 1rem;
    max-width: 740px;
    margin: 0 1rem 0 0;
    bottom: 0;
    color: white; }
    #image-titles .certificate-title {
      color: #f9c915;
      line-height: 3.5rem;
      font-size: 3.75rem; } }

/* - - Cornerstone 1.0 styling - - */
#container .certificate-title {
  line-height: 3rem;
  font-family: "TradeGothicLTW05-BdCnNo.20";
  font-size: 2.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0;
  letter-spacing: .5px;
  font-weight: normal; }

/* - - Cornerstone 2.0 styling - - */
#main-content {
  /* - - CSS for certificate land page - - */ }
  #main-content #background-image {
    height: fit-content !important; }
    #main-content #background-image h2 {
      font-size: calc(23px + 11*((100vw - 100px)/1900)); }
    #main-content #background-image .certificate-title {
      font-size: calc(26px + 22*((100vw - 100px)/1900));
      margin-bottom: 15px;
      font-family: "tiempos-h",serif;
      font-weight: 700;
      line-height: 1.2; }
      @media screen and (max-width: 767.98px) {
        #main-content #background-image .certificate-title {
          color: #333;
          margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    #main-content #image-titles p.lead {
      color: white;
      margin-bottom: 0; }
    #main-content .btn {
      padding: 7px 25px; } }
  #main-content #certificate-landing-page + section > h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); }
  @media (max-width: 767.98px) {
    #main-content #certificate-landing-page #banner-mobile {
      display: block !important; }
    #main-content #certificate-landing-page #background-image {
      display: block !important;
      background-image: unset !important; }
    #main-content #certificate-landing-page #banner-title {
      display: none !important; } }
  @media screen and (min-width: 100px) {
    #main-content #certificate-landing-page #fast-facts ul {
      font-size: calc(17px + 4*((100vw - 100px)/1900));
      letter-spacing: -.025em;
      font-family: "america", sans-serif;
      line-height: 1.6; }
      #main-content #certificate-landing-page #fast-facts ul li {
        padding-left: 0; }
    #main-content #certificate-landing-page #fast-facts .cta-button {
      width: 100%; } }