:root{
    --website-color: #a51c4b;
    --website-lighttext: #f5f5f5;
    --bs-body-font-family: 'Rufina',sans-serif;
    
}
/* Text */
h1{
  font-family: Georgia, 'Times New Roman', Times, serif;
  }
   h2, h3 , h4, h5, h6 {
    font-family:var(--bs-body-font-family), 'Helvetica', 'Arial', 'sans-serif';
    color: var(--website-color);
  }

  p {
    font-family: var(--bs-body-font-family);
  }
  /* Body text color */
  body{
    color: var(--website-color);
  }
  
  
  /* Navigation bar */
  .customNav {
    position: fixed;
    width: 100%;
    background: url("../images/transparency.png");
    background-color: transparent !important;
    background-size: cover;
    z-index: 10;
  }
  .navbar-nav {
    margin-left: auto;
    margin-right: 0 !important;
    --bs-nav-link-hover-color: var(--website-color);
    --bs-navbar-brand-hover-color: var(--website-color);
  }
  .navbar-brand img {
    padding-right: 15px;
    width: 65px;
  }
  .nav-item {
    margin: 0px 15px;
  }
  
 
  
  /* Navigation links */
  .customNav a {
    color: #f5f5f5 !important;
  }
  .navCTA {
    font-size: 15px;
  }
  
  /* Jumbotron  */
  .portBackground {
    background-image: url(../images/image-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vh - 25px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Jumbotron copy */
  .jumboCopy {
    width: 100%;
    min-width: 500px;
    max-width: 700px;
    color: var(--website-color);
    text-align: center;
  }
  
  .btn{
      background-color: var(--website-color);
      color: var(--website-lighttext);
  }
  
  .btn:hover{
      color: var(--website-color);
      background-color: var(--website-lighttext);
      border-color: #a51c4b ;
  }
  
  .jumboCopy p{
      color: var(--website-color);
      margin-left: 155px;
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      padding-left: 50px;
  }
  
  /* Footer styles */
  footer {
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
    margin-top: 50px;
  }

  /* Card styles */
  .cardContainer {
    margin-top: 20px;
  }
  .card {
    margin: 0 auto;
  }

  .card-body{
    color: var(--website-color);
  }
  .cardContainer{
    text-align: center;
  }
  /* content padding */
  .content{
    padding: 50px;
  }
  /* section heading alignment */
  .sectionHeading{
    text-align: center;
  }
  
  .showsNear{
    padding: 0px 30px 30px 30px;
  }