@charset "utf-8";
.container-fluid {
    color: #1E1E1E;
    font-size: large;
    font-weight: normal;
    background-image: -webkit-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(188,188,188,1.00) 0%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(188,188,188,1.00) 0%,rgba(255,255,255,1.00) 100%);
}
.container-fluid .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-color: #9F9F9F;
}
.navbar-nav.mr-auto .nav-item .nav-link {
}

.navbar {
  background-color: #d8d8d8;
}
.navbar .navbar-brand {
  color: #3658ab;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #03295c;
}
.navbar .navbar-text {
  color: #3658ab;
}
.navbar .navbar-text a {
  color: #03295c;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #03295c; 
}
.navbar .navbar-nav .nav-link {
  color: #3658ab;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #03295c;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #03295c;
  background-color: #6fa7f4;
}
.navbar .navbar-toggler {
  border-color: #6fa7f4;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #6fa7f4;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #3658ab;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #3658ab;
}
.navbar .navbar-link {
  color: #3658ab;
}
.navbar .navbar-link:hover {
  color: #03295c;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #3658ab;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #03295c;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #03295c;
    background-color: #6fa7f4;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #3658ab;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #03295c;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #03295c;
    background-color: #6fa7f4;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #3658ab;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #03295c;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #03295c;
    background-color: #6fa7f4;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #3658ab;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #03295c;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #03295c;
    background-color: #6fa7f4;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #3658ab;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #03295c;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #03295c;
  background-color: #6fa7f4;
}
form {
  width: 50%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  border: 2px solid #ddd;
  padding: 20px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  font-family: Arial, sans-serif;
}

input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #3e8e41;
}
img{
	
	max-width: 100%;
}
.gallery{
	
	background-color: lightgray;
	padding: 80px 0;
}

.gallery{
	background-color: #ffffff;
	padding: 20px;
	width: 100%;
	
}


This code creates a simple contact form with fields for name, email, and message, and a submit button. The CSS code styles the form with a border, padding, and font family, and styles the input and textarea fields with border radius and padding. The submit button is styled with a background color, border radius, and hover effect. This is just one example, and there are many ways to style a contact form using HTML and CSS.