.legal {
    padding-left: 10%;
    padding-right: 10%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(255, 255, 255)
}

.legal-ul{
  list-style-type: none;
}

.contactFormDiv{
  max-width: 600px; 
  margin: 0 auto; 
  padding: 20px;
}

/* Contact form */
form label {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 10px 0;
  }
  form input#name,
  form input#email,
  form input#subject {
    width: 400px;
    background-color: #fafafa;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #cccccc;
    padding: 5px;
    font-size: 1.1em;
  }
  form textarea#message {
    width: 500px;
    height: 100px;
    background-color: #fafafa;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 1.1em;
  }
  form input#submit {
    display: block;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px;
            border-radius: 3px;
    border:1px solid #d8d8d8;
    padding: 10px; 
    font-weight:bold; 
    text-align: center; 
    color: #000000; 
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e5e5e5));
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f4f4f4, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e5e5e5);
    background-image: -o-linear-gradient(top, #f4f4f4, #e5e5e5);
    background-image: linear-gradient(top, #f4f4f4, #e5e5e5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f4f4, endColorstr=#e5e5e5);
  }
  form input#submit:hover{
    cursor: pointer;
    border:1px solid #c1c1c1; 
    background-color: #dbdbdb;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #dbdbdb, #cccccc);
    background-image: -moz-linear-gradient(top, #dbdbdb, #cccccc);
    background-image: -ms-linear-gradient(top, #dbdbdb, #cccccc);
    background-image: -o-linear-gradient(top, #dbdbdb, #cccccc);
    background-image: linear-gradient(top, #dbdbdb, #cccccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dbdbdb, endColorstr=#cccccc);
  }

  /* Message flashing */
.flash {
    background-color: #FBB0B0;
    padding: 10px;
    width: 400px;
  }

.homepage-banner-image {
  width: 100%; /* Ensures the image is responsive */
  height: auto; /* Keeps the aspect ratio */
  max-width: 600px; /* Sets a max width to prevent the image from being too large */
  margin: 0 auto; /* Centers the image */
}

.copyright-text{
  text-align: center;
  color: rgb(255, 255, 255)
}

.homepage-banner-description{
  font-size: 24px;
}

.navbar-custom{
  background-color: rgb(18, 18, 22);
}

.nav-text{
  color: rgb(255, 255, 255) !important;
}

.page-text{
  color: rgb(255, 255, 255) !important;
}

.heading-text{
  color: rgb(255, 255, 255) !important;
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.card{
  background-color:rgb(16,16,20)!important;
}

.card-img-top {
  width: 100%; /* Adjust as necessary */
  max-width: 600px; /* Example max width */
  height: auto; /* Maintain aspect ratio */
  margin: 0 auto;
}

.carousel {
  max-width: 700px; /* Set the maximum width of the carousel */
  margin: 0 auto; /* Center the carousel */
}

.carousel-inner {
  width: 100%;
}

.carousel-image {
  width: 100%; /* Adjust this value to control image width */
  height: auto; /* Maintain aspect ratio */
  object-fit: cover; /* Adjusts image to cover container */
}

.contact-container{
  text-align: center;
}

body{
  background-color:rgb(16,16,20) !important;
}