body {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
}

h1 {
  color: #fffff;
  text-align: center;
}
img.logo {
    height: auto;
    width: auto;
    max-width: 100%;
}

#features {
  scroll-margin-top: 50px; /* Adjust based on your header height */
}
.map-responsive {
  overflow: hidden;
  padding-bottom: 40%; /* reduced from 56.25% */
  position: relative;
  height: 0;
}
.custom-margin {
    margin-left: 220px; /* or any value you want */
}
.custom-margin2 {
    margin-left: 390px; /* or any value you want */
}