body {
    font-family: 'Maven Pro', sans-serif;
    margin: 0;
}

.row {
    margin-left: auto !important;
    margin-right: auto !important;
}

ul {
    padding: 0;
}

.mainContainer {
    width: 95%;
    margin: auto;
}

.headerImage {
    width: 100%;
}

.dateTitle,
.mapTitle,
.footerTitle {
    color: #B86125;
}

.dateTitleFirst,
.mapFirstText,
.sponsorFirstText {
    color: #58595B;
}

.headerRow {
    color: #B86125;
    font-size: 22px;
    font-weight: bold;
}

.dateTitle:not(:first-child),
.mapTitle {
    margin-top: 40px;
}

.headerText {
    position: relative;
    display: inline-block;
    font-size: 24px;
    /* Adjust as needed */
    padding-bottom: 5px;
    /* Adjust as needed */
}

.headerText::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 2px;
    width: calc(100% + 50px);
    height: 2px;
    background-color: #000;
}

.textRow {
    font-size: 22px;
    padding: 10px 0;
}

.textRow:nth-child(odd) {
    background-color: #f2f2f2;
    /* Adjust the color as needed */
}

.timeText {
    font-weight: bold;
}

.mapContainer {
    width: 80%;
    margin: auto;
    margin-top: 20px;
}

.mapImg {
    width: 100%;
}

.footerSponsors {
    background-color: #F1F2F2;
}

.footerTitle {
    margin: 0 !important;
    text-align: center;
    padding: 20px 0;
}

.sponsorImg {
    width: 100%;
}

/** Mobile Only Styles **/

@media screen and (max-width: 768px) {

    .mainContainer {
        width: 100%;
    }

    .dateTitle,
    .mapTitle,
    .footerTitle {
        font-size: 22px;
        text-align: center;
    }

    .headerText {
        font-size: 18px;
    }

    .timeText,
    .eventText,
    .locationText,
    .shuttleText {
        font-size: 15px;
    }

    .headerText::after {
        width: calc(50% + 50px);
    }

}