html,
        body {
            height: 100%;
            margin: 0;
        }

        #carouselExample,
        #carouselExample .carousel-inner,
        #carouselExample .carousel-item {
            height: 100vh;
            height: 100dvh;
        }

        #carouselExample .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #carouselExample .carousel-item {
            position: relative;
        }

        #carouselExample .carousel-caption {
            bottom: auto;
            font-weight: bold;
            top: 50%;
            transform: translateY(-50%);
            text-shadow: 0 2px 16px rgba(0, 0, 0, .45);
            color: #F7F7F7;
        }

        #carouselExample .carousel-caption h1,
        #carouselExample .carousel-caption p,
        #carouselExample .carousel-caption label {
            color: #fff;
        }

        #carouselExample .carousel-caption .form-control {
            background: rgba(0, 0, 0, .25);
            border-color: rgba(255, 255, 255, .7);
            color: #fff;
        }

        #carouselExample .carousel-caption .form-control::placeholder {
            color: rgba(255, 255, 255, .9);
        }
        

.font-title {
    font-family: 'Ranchers', serif;  
    font-style: italic;             
    font-weight: bold;
    color: #902525;
    font-size: 100px;
}

.section-background {
    background:#FCF4EE;

}

.feature-icon{
  font-size: 70px;   /* makes the icon ~70px */
  line-height: 1;
  width: 150px;       /* fixes layout width */
  height: 150px;
  object-fit: contain;      /* consistent box */
  flex-shrink: 0; 
  color: #902525;   /* don't let it squish */
}

.feature-card {
    min-height: 30rem;
    display: flex;
    flex-direction: column;
    background: #FEEBD8;
    color: #902525; 
}
.feature-card .card-body{ margin-top: auto; padding-top: 0; }