h2, h3, h4 {
     color: #450012;
}
 .civics-hero {
     background-image: url('../images/about/administration/hill-institute/events/civil-discourse-texas-capitol.webp');
     background-repeat: no-repeat;
     background-position-x: center;
     background-position-y: bottom;
     background-size: cover;
/*     max-height: 600px;
     margin-bottom: 1rem;
*/
}
 .civics-hero .hero-content {
     margin: 0;
}
 .civics-hero h2 {
     font-size: 2rem;
     line-height: 2.3rem;
}
 .civics-hero h3 {
     font-size: 1.3rem;
}
 .civics-hero .event-logo {
     z-index: 1;
}
 .civics-hero .logo {
     max-height: 600px;
     margin: 2rem 0;
}
 .civics-hero .event-info {
     background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,1));
     z-index: 0;
}
 .civics-hero .event-info .info-text {
     padding: 1.5rem 0.5rem;
}
 .civics-hero .btn-maroon {
     font-size: 150%;
     font-weight: bold;
}
 .schedule-about {
     margin-bottom: 2rem;
}
 .schedule {
     background-image: linear-gradient(135deg, rgb(252,252,252), rgb(242,242,242));
     font-size: 90%;
     padding: 1rem 1.5rem;
     border: 1px solid #e5e5e5;
     margin-bottom: 1rem;
}
 .schedule h3 {
     font-size: 2rem;
     text-transform: uppercase;
     font-weight: 800;
     margin-bottom: 2rem;
}
 .schedule h4 {
     padding-bottom: 0.5rem;
     border-bottom: 1px solid #ccc;
}

/* ---------- DEVICE Media Queries --------- */
/* Small devices (landscape phones, 576px and up) */
 @media (min-width: 576px) {
     .civics-hero .event-info {
         margin-top: 5%;
    }
}
/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .civics-hero {
         margin-bottom: 3rem;
    }
     .civics-hero .logo {
         margin: 2rem 0 -4rem 0;
    }
     .civics-hero .event-info {
         margin-top: 18%;
    }
     .schedule {
         margin-bottom: 0;
    }
     .about-event {
         padding-left: 1.5rem;
    }
}
/* Large devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     .civics-hero {
         margin-bottom: 5rem;
    }
     .civics-hero .hero-content {
         margin: 0 5%;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
    /* .civics-hero .hero-content {
         margin: 0 10%;
    }
     */
}
/* XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1400px) {
     .civics-hero .hero-content {
         margin: 0 10%;
    }
}
/* XXX-Large devices (larger desktops, 1600px and up) */
 @media (min-width: 1600px) {
     .civics-hero .hero-content {
         margin: 0 20%;
    }
}