*,
  *::before,
  *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }

  :root {
      --red: #a50000;
      --red-bright: #d5191f;
      --red-dark: #7e0000;
      --navy: #102744;
      --navy-2: #17395f;
      --navy-light: #1e3f6e;
      --white: #ffffff;
      --off-white: #f7f5f0;
      --cream: #fffaf0;
      --gold: #c8961e;
      --gold-light: #ffd080;
      --light-gray: #e6e0d5;
      --text-dark: #151515;
      --text-mid: #383838;
      --text-muted: #666;
      --green: #1f6b1f;
      --shadow-soft: 0 18px 60px rgba(16, 39, 68, .12);
      --shadow-card: 0 10px 28px rgba(16, 39, 68, .14);
      --radius: 18px;
  }

  body {
      font-family: 'Inter', sans-serif;
      background: var(--off-white);
      color: var(--text-dark);
      line-height: 1.65;
      font-size: 16px;
  }

  /* ── TOP BANNER ── */
  .top-banner {
      background: var(--red);
      color: var(--white);
      text-align: center;
      padding: 10px 10px;
      font-family: 'Barlow', sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
  }

  /* ── HEADER ── */
  .site-header {
      background: white;
      padding: 0;
      border-bottom: 4px solid var(--gold);
      position: relative;
      overflow: hidden;
  }

  .site-header::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
  }

  .site-header::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 400px;
      height: 100%;
      background: linear-gradient(108deg, transparent 0%, rgba(165, 0, 0, 0.06) 100%);
      pointer-events: none;
  }

  .header-inner {
      max-width: 1150px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
  }

  .flex-container {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      /* justify-content: space-between; */
      padding: 0 32px;
      /* column-gap: 20px; */
  }

  /* ── LEFT COLUMN ── */
  .header-left-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1;
      max-width: 700px;
      padding: 28px 15px 0 0;
  }

  /* ── LOGO centred within left col ── */
  .logo-wrap {
      display: flex;
      justify-content: center;
      width: 100%;
      margin-bottom: 16px;
  }

  .logo-wrap img {
      height: 180px;
      width: auto;
  }

  /* ── GOLD STAR DIVIDER ── */
  .header-divider {
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);
      margin-bottom: 20px;
      position: relative;
  }

  .header-divider::before {

      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #102744;
      color: var(--gold);
      font-size: 11px;
      padding: 0 10px;
  }

  /* ── HEADLINE ── */
  .header-headline {
      font-family: "Barlow", sans-serif;
      font-size: 24px;
      font-weight: 800;
      color: var(--navy);
      line-height: 1.22;
      letter-spacing: -0.01em;
      margin-bottom: 18px;
      text-align: left;
      width: 100%;
  }



  /* ── GOAL BOX ── */
  .header-goal-box {
      width: 100%;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(200, 150, 30, 0.35);
      border-left: 3px solid var(--gold);
      border-radius: 6px;
      padding: 12px 16px;
      margin-bottom: 28px;
  }

  .header-goal-box .goal-label {
      font-family: 'Barlow', sans-serif;
      font-size: 20px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 5px;
  }

  .header-goal-box .goal-text {
      font-family: 'Barlow', sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.35;
      color: var(--navy);
  }

  /* ── HEADSHOT ── */
  .headshot-wrap {
      flex-shrink: 0;
      display: flex;
      align-self: flex-end;
  }

  .skousen {
      width: 330px;
  }

  .header-date-box {
      align-items: center;
      background: var(--navy);
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 6px;
      padding: 20px 32px;
      margin-bottom: 15px;
  }

  .header-date-label {
      font-family: 'Barlow', sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #a8bcd4;
  }

  .header-date-value {
      font-family: 'Barlow', sans-serif;
      font-size: 32px;
      font-weight: 600;
      color: var(--white);
      letter-spacing: .01em;
  }

  .header-date-time {
      font-family: 'Barlow', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #ffd080;
      letter-spacing: .04em;
      text-transform: uppercase;
  }

  /* ── HEADLINE BAND ── */
  .headline-band {
      background: var(--navy);
      padding: 0 24px 36px;
  }

  .headline-band-inner {
      max-width: 860px;
      margin: 0 auto;
      text-align: center;
  }

  .eyebrow-tag {
      display: inline-block;
      background: var(--red);
      color: var(--white);
      font-family: 'Barlow', sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      padding: 5px 14px;
      border-radius: 3px;
      margin-bottom: 20px;
  }

  .main-headline {
      font-family: 'Barlow', sans-serif;
      font-size: clamp(26px, 4vw, 42px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.18;
      letter-spacing: -.01em;
      margin-bottom: 10px;
  }

  .main-headline em {
      font-style: normal;
      color: #ffd080;
  }

  .main-headline .red-text {
      color: #ff6b6b;
  }



  /* ── LAYOUT ── */
  .page-layout {
      max-width: 1150px;
      margin: 0 auto;
      padding: 40px 24px 80px;
      display: grid;
      grid-template-columns: 1fr 380px;
      column-gap: 36px;
      align-items: start;
  }

  /* ── FORM SIDEBAR ── */
  .form-sidebar {
      position: sticky;
      top: 24px;
  }

  .form-card {
      background: var(--white);
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(21, 45, 79, .14);
      border: 1px solid var(--light-gray);
  }

  .form-card-header {
      background: var(--navy);
      padding: 22px 24px 18px;
      text-align: center;
  }

  .form-card-header .label {
      font-family: 'Barlow', sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #a8bcd4;
      margin-bottom: 8px;
  }

  .form-card-header .event-name {
      font-family: 'Barlow', sans-serif;
      font-size: 24px;
      font-weight: 800;
      color: var(--white);
      line-height: 1.25;
      margin-bottom: 10px;
  }

  .form-card-header .event-date {
      font-family: 'Barlow', sans-serif;
      font-size: 20px;
      font-weight: 800;
      color: #ffd080;
      letter-spacing: .01em;
      line-height: 1.2;
      margin-bottom: 6px;
  }

  .form-card-header .event-presenter {
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.85);
      margin-top: 4px;
  }

  .form-card-body {
      padding: 24px;
  }

  .form-field {
      margin-bottom: 14px;
  }

  .form-field label {
      display: block;
      font-size: 12px;
      font-weight: 600;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin-bottom: 6px;
  }

  .form-field input {
      width: 100%;
      padding: 11px 14px;
      border: 1.5px solid var(--light-gray);
      border-radius: 5px;
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      color: var(--text-dark);
      background: #fafafa;
      transition: border-color .2s;
      outline: none;
  }

  .form-field input:focus {
      border-color: var(--navy);
      background: var(--white);
  }

  .btn-reserve {
      display: block;
      width: 100%;
      background: linear-gradient(180deg, var(--red-bright), var(--red));
      color: var(--white);
      font-family: 'Barlow', sans-serif;
      font-size: 20px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      padding: 16px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      text-align: center;
      margin-top: 6px;
      transition: background .2s, transform .1s;
  }

  .btn-reserve:hover {
      background: #c50000;
      transform: translateY(-1px);
  }

  .btn-reserve:active {
      transform: translateY(0);
  }

  .form-disclaimer {
      font-size: 11px;
      color: var(--text-muted);
      text-align: center;
      margin-top: 12px;
      line-height: 1.5;
  }

  .free-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 6px;
      background: #eef5ee;
      border: 1px solid #b6d9b6;
      border-radius: 4px;
      padding: 8px 12px;
      margin-bottom: 16px;
      font-size: 13px;
      font-weight: 600;
      color: #1f6b1f;
  }

  /* ── COPY COLUMN ── */
  .copy-col {
      min-width: 0;
  }

  /* ── MAIN COPY HEADLINE ── */
  .main-copy-headline {
      font-family: 'Barlow', sans-serif;
      font-size: 32px;
      font-weight: 800;
      color: var(--navy);
      line-height: 1.18;
      letter-spacing: -.01em;
      margin-bottom: 22px;
  }

  .main-copy-headline em {
      font-style: normal;
      color: var(--navy);
  }

  .main-copy-headline span {
      color: var(--red);
  }

  /* ── GOAL BOX ── */
  .goal-box {
      border-radius: 8px;
      padding: 22px 28px;
      margin-bottom: 32px;
      background-color: var(--navy);
  }

  .goal-label {
      font-family: 'Barlow', sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #ffd080;
      margin-bottom: 8px;
  }

  .goal-text {
      font-family: 'Barlow', sans-serif;
      font-size: 20px;
      letter-spacing: .02em;
      font-weight: 700;
      line-height: 1.3;
      color: var(--white);
  }

  /* ── BODY COPY ── */
  .body-copy {
      font-size: 18px;
      color: var(--text-mid);
      line-height: 1.25;
  }

  .body-copy p {
      margin-bottom: 20px;
  }

  .body-copy strong {
      color: var(--text-dark);
      font-weight: 700;
  }

  .body-copy blockquote {
      border-left: 4px solid var(--red);
      padding: 10px 20px;
      margin: 22px 0;
      background: #fff8f8;
      border-radius: 0 5px 5px 0;
      font-style: italic;
      font-size: 18px;
      color: var(--text-dark);
      font-weight: 500;
  }

  /* ── STATS BAND ── */
  .stats-band {
      background: var(--navy);
      border-radius: 8px;
      padding: 28px 32px;
      margin: 28px 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      text-align: center;
  }

  .stat-item .stat-num {
      font-family: 'Barlow', sans-serif;
      font-size: 32px;
      font-weight: 900;
      color: #ffd080;
      line-height: 1;
  }

  .stat-item .stat-label {
      font-size: 18px;
      color: #a8bcd4;
      margin-top: 5px;
      font-weight: 500;
      letter-spacing: .02em;
  }

  /* ── BULLET LIST ── */
  .spend-list {
      list-style: none;
      margin: 20px 0 24px;
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .spend-list li {
      display: flex;
      gap: 13px;
      align-items: flex-start;
      background: rgba(255, 255, 255, .68);
      border: 1px solid rgba(16, 39, 68, .08);
      border-radius: 14px;
      padding: 14px 16px;
      font-size: 18px;
      color: var(--text-mid);
      line-height: 1.55;
  }

  .spend-list li::before {
      content: '';
      display: block;
      min-width: 9px;
      height: 9px;
      background: var(--red);
      border-radius: 50%;
      margin-top: 8px;
      box-shadow: 0 0 0 5px rgba(165, 0, 0, .1);
  }



  /* ── HISTORICAL TABLE ── */
  .history-section {
      margin: 28px 0;
  }

  .history-section h3 {
      font-family: 'Barlow', sans-serif;
      font-size: 24px;
      font-weight: 800;
      color: var(--navy);
      margin-bottom: 6px;
      padding-left: 12px;
      border-left: 4px solid var(--red);
  }

  .history-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 14px;
  }

  .history-card {
      background: var(--white);
      border: 1px solid var(--light-gray);
      border-radius: 7px;
      padding: 14px 16px;
      border-top: 3px solid var(--navy);
  }

  .history-card .ticker {
      font-family: 'Barlow', sans-serif;
      font-size: 18px;
      font-weight: 800;
      color: var(--navy);
      margin-bottom: 3px;
  }

  .history-card .gain {
      font-family: 'Barlow', sans-serif;
      font-size: 30px;
      font-weight: 900;
      color: var(--red);
      line-height: 1;
  }

  .history-card .timeframe {
      font-size: 16px;
      color: var(--text-muted);
      margin-top: 3px;
  }

  /* ── SECTION HEADINGS ── */
  .section-heading {
      font-family: 'Barlow', sans-serif;
      font-size: 30px;
      font-weight: 900;
      color: var(--navy);
      margin: 36px 0 18px;
      line-height: 1.2;
  }

  .section-heading span {
      color: var(--red);
  }

  /* ── WHAT YOU'LL LEARN ── */
  .learn-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin: 18px 0 28px;
  }

  .learn-list li {
      display: flex;
      gap: 14px;
      background: var(--white);
      border: 1px solid var(--light-gray);
      border-radius: 7px;
      padding: 14px 18px;
      font-size: 18px;
      color: var(--text-mid);
      line-height: 1.5;
  }

  .learn-list li::before {
      content: '✓';
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 24px;
      height: 24px;
      background: var(--red);
      color: var(--white);
      border-radius: 50%;
      font-size: 12px;
      font-weight: 700;
      margin-top: 1px;
      flex-shrink: 0;
  }

  .learn-list li strong {
      color: var(--text-dark);
      font-weight: 600;
  }

  /* ── FREE CTA BOX ── */
  .inline-cta {
      background: var(--navy);
      border-radius: 8px;
      padding: 28px 32px;
      text-align: center;
      margin: 32px 0;
  }

  .inline-cta .cta-label {
      font-family: 'Barlow', sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #a8bcd4;
      margin-bottom: 10px;
  }

  .inline-cta .cta-event {
      font-family: 'Barlow', sans-serif;
      font-size: 36px;
      letter-spacing: 0.02em;
      font-weight: 800;
      color: var(--white);
  }

  .inline-cta .cta-date {
      font-family: 'Barlow', sans-serif;
      font-size: 28px;
      font-weight: 700;
      color: #ffd080;
      margin-bottom: 4px;
  }

  .inline-cta .cta-presenter {
      font-size: 16px;
      color: #a8bcd4;
  }

  .btn-reserve-lg {
      display: none;
      background: var(--red);
      color: var(--white);
      font-family: 'Barlow', sans-serif;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      padding: 16px 40px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: background .2s, transform .1s;
      text-decoration: none;
  }

  .btn-reserve-lg:hover {
      background: #c50000;
      transform: translateY(-1px);
  }

  /* ── BIO SECTION ── */
  .bio-section {
      background: var(--white);
      border: 2px solid var(--light-gray);
      border-radius: 8px;
      padding: 32px;
      margin: 32px 0;
      border-top: 4px solid var(--navy);
  }

  .bio-top {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      margin-bottom: 20px;
  }

  .bio-avatar {
      width: 90px !important;
      height: 90px;
      min-width: 90px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
      background: var(--navy);
  }

  .bio-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .bio-meta .bio-tag {
      font-family: 'Barlow', sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 5px;
  }

  .bio-meta .bio-name {
      font-family: 'Barlow', sans-serif;
      font-size: 28px;
      font-weight: 900;
      color: var(--navy);
      line-height: 1.15;
      margin-bottom: 4px;
  }

  .bio-meta .bio-title {
      font-size: 14px;
      color: var(--text-muted);
      font-weight: 500;
  }

  .bio-body {
      font-size: 18px;
      color: var(--text-mid);
      line-height: 1.7;
  }

  .bio-body p {
      margin-bottom: 15px;
  }

  .track-record {
      margin: 18px 0;
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  .track-record li {
      display: flex;
      gap: 10px;
      font-size: 18px;
      color: var(--text-mid);
      align-items: flex-start;
  }

  .track-record li::before {
      content: '★';
      color: #c8961e;
      font-size: 13px;
      margin-top: 2px;
      flex-shrink: 0;
  }

  /* ── TESTIMONIALS ── */
  .testimonials-section {
      margin: 32px 0;
  }

  .testimonials-heading {
      font-family: 'Barlow', sans-serif;
      font-size: 28px;
      font-weight: 900;
      color: var(--navy);
      margin-bottom: 20px;
      text-align: left;
  }

  .testimonials-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
  }

  .testimonial-card {
      background: var(--white);
      border: 1px solid var(--light-gray);
      border-radius: 7px;
      padding: 20px 18px;
      border-top: 3px solid var(--navy);
      position: relative;
  }

  .testimonial-card::before {
      content: '\201C';
      position: absolute;
      top: 10px;
      right: 16px;
      font-size: 60px;
      color: var(--light-gray);
      font-family: Georgia, serif;
      line-height: 1;
  }

  .testimonial-text {
      font-size: 20px;
      color: var(--text-mid);
      line-height: 1.6;
      margin-bottom: 20px;
      padding-top: 0.8em;
  }

  .testimonial-attr {
      font-size: 16px;
      font-weight: 700;
      color: var(--navy);
      line-height: 1.35;
  }

  /* ── FINAL CTA ── */
  .final-cta-band {
      background: var(--red);
      border-radius: 8px;
      padding: 32px;
      text-align: center;
      margin-top: 36px;
  }

  .final-cta-band h2 {
      font-family: 'Barlow', sans-serif;
      font-size: 30px;
      font-weight: 900;
      letter-spacing: 0.04em;
      color: var(--white);
      margin-bottom: 8px;
      line-height: 1.2;
  }

  .final-cta-band p {
      font-size: 18px;
      color: rgba(255, 255, 255, .8);
  }

  .btn-white {
      display: none;
      background: var(--white);
      color: var(--red);
      font-family: 'Barlow', sans-serif;
      font-size: 18px;
      font-weight: 900;
      letter-spacing: .04em;
      text-transform: uppercase;
      padding: 16px 44px;
      border-radius: 5px;
      border: none;
      cursor: pointer;
      transition: opacity .2s, transform .1s;
      text-decoration: none;
  }

  .btn-white:hover {
      opacity: .92;
      transform: translateY(-1px);
  }

  /* ── VIDEO PLACEHOLDER ── */
  .video-placeholder {
      width: 100%;
      aspect-ratio: 16 / 9;
     
      border-radius: 10px;
      /* display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 14px; */
      margin-bottom: 28px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      border: 2px solid rgba(200, 150, 30, 0.35);
  }

  .video-placeholder::before {
      content: '';
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(-45deg,
              transparent,
              transparent 40px,
              rgba(255, 255, 255, 0.018) 40px,
              rgba(255, 255, 255, 0.018) 80px);
  }

  .video-play-btn {
      position: relative;
      z-index: 1;
      transition: transform 0.2s;
  }

  .video-placeholder:hover .video-play-btn {
      transform: scale(1.12);
  }

  .video-label {
      font-family: 'Barlow', sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      position: relative;
      z-index: 1;
  }

  /* ── FOOTER ── */
  footer {
      background: var(--navy);
      color: #6a85a3;
      font-size: 12px;
      text-align: center;
      padding: 28px 24px;
      line-height: 1.7;
      margin-top: 60px;
  }

  footer a {
      color: #a8bcd4;
      text-decoration: none;
  }

  /* ── DIVIDER ── */
  .divider {
      border: none;
      border-top: 1px solid var(--light-gray);
      margin: 28px 0;
  }

  .red-hr {
      border: none;
      border-top: 2px solid var(--red);
      margin: 28px 0;
  }

  /* ── URGENT NOTE ── */
  .urgent-note {
      background: #fff8e6;
      border: 1px solid #e6c96a;
      border-radius: 6px;
      padding: 14px 18px;
      font-size: 18px;
      color: #5a4200;
      margin: 20px 0;
      display: flex;
      gap: 20px;
      align-items: flex-start;
  }

  .urgent-note::before {
      content: '⚠';
      font-size: 32px;
      flex-shrink: 0;
      margin-top: 1px;
  }

  /* ── RESPONSIVE ── */

@media (max-width: 1024px) {

.inline-cta .cta-label {
    font-size:13px;
    }

}
  @media (max-width: 800px) {
      .page-layout {
          grid-template-columns: 1fr;
      }

      .form-sidebar {
          position: static;
          order: -1;
      }

      .stats-band {
          grid-template-columns: 1fr;
      }

      .history-grid {
          grid-template-columns: 1fr;
      }

      .testimonials-grid {
          grid-template-columns: 1fr;
      }

      h1.header-headline {
          font-size: 21px;
          text-align:center;
      }

      .logo-wrap img {
          height: 130px;
      }

      .header-goal-box .goal-text {
          font-size: 14px;
      }

      .header-goal-box .goal-label {

          font-size: 13px;
      }

      .skousen {
          width: 300px;
      }

      .form-card {
          margin-bottom: 1.5em;
      }

      .form-card-header {
          padding: 0.8em;
      }

      .form-card-header .event-date {
          font-size: 24px;
      }
      
      .btn-reserve-lg, .btn-white {
          display: inline-block;
      }
      
      .inline-cta .cta-presenter {
          margin-bottom: 20px;}
      
      .final-cta-band p {
margin-bottom: 20px;}

.headshot-wrap {
          display: none;
      }

  }


  @media (max-width: 500px) {

      .headshot-wrap {
          display: none;
      }


      .flex-container {
          padding: 0 0.5em;
      }

      .top-banner {
          font-size: 16px;
          line-height: 1.2em;
      }

      .header-left-col {
          padding: 1em;
      }

      .logo-wrap img {
          height: 130px;
      }

      h1.header-headline {
          font-size: 20px;
          text-align: center;
      }

      .section-heading {
          font-size: 26px;
      }

      .header-goal-box {
          margin-bottom: 0;
          padding: 0.5em;
      }

      .page-layout {
          padding: 25px;
      }

      .inline-cta .cta-date {
          font-size: 24px;
          line-height: 1.2em;
      }

      .btn-reserve-lg {
          padding: 0.5em 1.2em;
      }

      .bio-avatar {
          display: none;
      }

      .testimonials-heading {
          line-height: 1.2em;
      }

      .final-cta-band p {
          font-size: 14px;
      }

      .btn-white {
          padding: 0.5em 1.2em;
      }


  }

  @media (max-width: 375px) {

      h1.header-headline {
          font-size: 18px;
      }

      .form-card-header .event-date {
          font-size: 20px;
      }

      .section-heading {
          font-size: 22px;
      }

      .body-copy p {
          font-size: 16px;
      }

      .spend-list li {
          font-size: 16px;
      }

      .inline-cta {
          padding: 0.8em;
      }

      .inline-cta .cta-label {
          font-size: 12px;
      }


      .inline-cta .cta-date {
          font-size: 19px;
      }

      .inline-cta .cta-presenter {
          font-size: 14px;
      }

      .btn-reserve-lg,
      .btn-white {
          font-size: 16px;
      }

      .learn-list li {
          font-size: 16px;
      }

      .bio-section p {
          font-size: 16px;
      }

      .track-record li {
          font-size: 16px;
      }

      .testimonial-text {
          font-size: 16px;
      }

      .final-cta-band h2 {
          font-size: 24px;
      }
  }

@media (max-width: 320px) {
        .top-banner {
            font-size: 14px;}
    
    .page-layout {
        padding: 10px;}
    
    .form-card-header .event-date {
     font-size: 16px;}
    
    .btn-white {
        padding: 0.5em ;
    
}