body {
    font-family: 'Lora', serif;
    border-top: 6px solid #F4CB14;
  }

  h1, h2, h3, h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
  }
h2 {margin-bottom: 7px;}
  
  .image-logo {
    width: 300px;
    margin: 0 auto;
    display: block;
  }
  .image-logo img,  .sep {
    width: 100%;
    height: auto;
  }

  p {
    font-size: 1.25rem;
  }

  .btn-primary {
    background: black !important;
    color:#F4CB14 !important;
    border: none;
    font-size: 1.25rem !important;
    padding: 0.75rem 1.5rem !important;
    border: 1px solid black;
  }
  header .btn-primary:hover {
    background-color: #111 !important;
    border: 1px solid #F4CB14;
    color: white !important;
  }

  .sec-wrap {
    border-top: #F4CB14 3px solid !important;
    padding-top: 2rem !important;
  }
  h2 mark {
    background: #F4CB14 !important;
    padding: 0.25em;
    border-radius: 6px 6px 0 0;
  }
  h2.mark mark {
    background: #FDF5D0 !important;
    line-height: 1.75rem;
  }

  h3 mark { 
    border-bottom: 6px solid #F4CB14;
  background: none; }

  .text-secondary {
    color: #362C03 !important;
  }
  .icon {
    width: 48px;
    height: 48px;
    display: block;
    margin-bottom: 0.75rem;
  }

  .examples img {
    height: 80px;
    margin-bottom: 1rem;
  }

  .events img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  }

  .celebs-grid {
    width: 100%;
    height: auto;
  }


  footer {
    background-color: black;
    color:#F4CB14;
   
  }

  footer p {
    font-size: small;
  }

  footer img {
    width: 200px;
  }