.slidecontent {
    background-color: white;
}
.slide {
   display: none;
}
.slide  h2 { text-align: center;}
/*.slide:first-of-type {
   display: block;
}*/
.slide .captiontext { 
   color: white;
   padding: 1rem;
}
.slide .captiontext h2 {
   text-align: center;
   color: white;
   font-size: clamp(1rem, 2vw, 1.5rem);
} 
.slide .captiontext li, .slide .captiontext p {
      color: white;
}
.slide .captiontext p.quote {
      font-style: italics;
}
.fade {
   opacity: 0;
   animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@keyframes fadeInOut {
    from {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.buttons {display: none;}

/*
.carousel {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition: transform 1s ease;
}

.carousel-container {
width: 95%;
margin: 0 auto;
overflow: hidden;
margin-bottom: 5rem
}

.carousel-slide {
width: 100%;
flex: 0 0 100%;
}
.carousel-slide h2 { text-align: center;}

.buttons {
position: absolute;
width: 95%;
left: 2%;
top: 44%;

display: block;
}

.prevbutton,
.nextbutton {
display: block;
width: 1.325rem;
font-size: 6rem;
overflow: hidden;
color: #8a0000;
}

.prevbutton:hover,
.nextbutton:hover {
cursor: pointer;
color: #000000;
}

.prevbutton {
float: left;
}

.nextbutton {
float: right;
}
*/