  body {
    padding-top: 68px;
  }

  .dropdown-menu>a:hover {
    background-image: none;
    background-color: #354b45;
  }

  .maxscreen {
    min-height: 95vh;
    min-height: -webkit-calc(100vh - 45px);
    min-height: -moz-calc(100vh - 45px);
    min-height: calc(100vh - 45px);
  }

  .maxforfooter {
    min-height: 90vh;
    min-height: -webkit-calc(100vh - 130px);
    min-height: -moz-calc(100vh - 130px);
    min-height: calc(100vh - 130px);
  }

  .hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }

  .hero-text {
    position: absolute;
    width:80%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    z-index: 2;
  }

  .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
  }

  .container .list-group .list-group-item:hover,
  .container .btn.btn-success.w-100:hover {
    background-color: #354b45 !important;
    color: #ffffff !important;
}

@media (min-width: 768px) {
.navbar-brand {
  position: absolute;
  left: 1rem; /* Adjust based on your padding needs */
  top: 50%;
  transform: translateY(-50%);
  z-index: 1031; /* Stay above other elements */
}
}

  @media(max-width:575px) {

    .featureimage {
      width: 100%;
      margin-bottom: 20px;
    }
    .homeimage {
      border:3px #fff solid;
    }
  }
    @media(min-width:576px) {
    .featureimage {
      width: 33%;
      float: right;
      margin: 0px 20px;
    }
        .homeimage {
      border:15px #fff solid;
    }
  }