/* Set the size of the div element that contains the map */
#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

.top {
    position: relative;
    width: 100%;
    height: 40vh;
    overflow: hidden; 
  }

.top img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
  }

.nav-icons {
    display: flex;
    /* justify-content: space-between; */
    margin-top: 30px;
  }
  .nav-icons li {
    margin-right: 10px;
    list-style-type: none;
  }
  
  .nav-icons li i {
    font-size: 24px;
  }
  
  .nav-icons li {
    padding: 10px 15px;
  }