.carousel-inner {
    height: 0;
    padding-bottom: 25%; /* this sets carousel aspect ratio (4:1 here) */
  }
  
.carousel-item {
position: absolute !important; /* Bootstrap is insistent */
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.carousel-item img {
height: 100%; /* Bootstrap handles width already */
object-fit: cover; /* or 'contain' if you want stretch instead of crop */
}

 /* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
#map {
    height: 100%;
}

#services{
    background-color: #091fb0;
    color: white;
}

#sectionHeading {
    color: #091fb0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

#jumbotro{
    background-image: url(images/robson-hatsukami-morgan-NKr0qBAkU4s-unsplash.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 35% bottom 20%;
}

.overlay{
    background: #091fb0;
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

#item{
    max-width: 70%;
    max-height: 60%;
    object-fit: cover;
}