.top-header { 
     background-color: #000;
display: flex;
}
.top-header h1 { display:inline;  flex-grow: 1;}
.top-header h1 a, .top-header h2  { color:white;  display:inline;  flex-grow: 1; text-decoration:none;  }
.top-header a {  
   display: flex;
    align-items: center;
    flex-direction: column;
}

.top-header h2  { font-size:1.2em ;}

.social-links { font-size: 1.8em;   }
.social-links li { float: left; } 

/* menu styles  */
.top-header li a { padding:10px; color: #fff;  font-size:1.3em;  text-decoration:none; }
.top-header li a:hover, .top-header li a:focus { text-decoration:underline; color: #0c3877; }
header nav.navbar>.container-fluid { align-items: flex-start; }
#menu-collapse {     align-items: flex-start; }

.top-header button { color:#fff; }

/* style the slides */
.carousel-item .carousel-caption  {
      background: #01050f45;
    color: black;  
}

.carousel-item .carousel-caption  {
  display: flex;
  align-items: center; /* Vertically centers the text */
  justify-content: center; /* Horizontally centers the text */
}

.carousel-item .carousel-caption  p {
color:#fff;
 font-family: "Merienda", cursive;
  font-optical-sizing: auto; 
display: grid;
    align-items: center;
padding:10px;
font-weight:700;
    font-size: 2rem;
}

   @media screen and (max-width: 800px) {  .carousel-item .carousel-caption  p {  font-size: 0.9rem;   }  }


/*  font styles */
h1 {
color: #fff;
font-family: "Dancing Script", cursive;
  font-optical-sizing: auto; 
font-size:6rem;
}

article h1 { display:none; }
h2, h3 { font-family: "Merienda", cursive; }
article h1, h2 { font-size: 2.5rem ; }
h3 { font-size: 2rem ; }

p {
     font-family: "SUSE", sans-serif;
}



/* RH panel CTA *?
#events-btn-cta .title { 
    margin-top: -100px;
    background-color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;