body {
    font-family: 'Arial', sans-serif;
    padding-top: 100px;
  }
  
  .hero {
    background-color: #dd0d16;
    height: 100vh;
    padding-top: 60px;
  }

  .fixed-top {
    z-index: 1030;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  
  .text-opacity {
    opacity: 0.5;
  }
  
  .nav-link {
    font-weight: 500;
    margin: 0 10px;
    color: black !important;
  }
  
  .nav-link:hover {
    color: #dd0d16 !important;
  }
  .text-primary-blue {
    color: #2a2a8f;
  }
  
  .opacity-10 {
    opacity: 0.05;
  }
  .text-primary-blue {
    color: #2a2a8f;
  }
  /* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
 
}
      
  @media screen and (max-width: 600px) {
body {
    font-family: 'Arial', sans-serif;
    padding-top: 100px;
}
    .hero {
      background-color: #dd0d16;
      height: 50vh;
      padding-top: 60px;
    }
    .fs-5{
      margin-top: 10px;
    }
.img-fluid {
    max-width: 100%;
    height: 230px;
}
.d-none {
display: block !important;
}

.px-4 {
    padding-right: 0.5rem !important;
    padding-left: 1.5rem !important;
}

  }