h1 { color: #3e69dc !important; }
h2, .h2 {
    font-size: 1.9rem !important;
}
p {
    font-size: 21px !important;
}
#main {
    margin-bottom: 0 !important; /* Eliminates bottom margin */
    padding-bottom: 0 !important; /* Eliminates bottom padding */
}
#colophon > div {
    justify-content: center; /* Horizontally center the content */
    text-align: center; /* Center-align text for inline or inline-block elements */
}

#colophon {
    box-sizing: border-box; /* Ensure padding and border are included in the element's width */
    padding-left: 0; /* Keep your existing padding settings if needed */
    padding-right: 0; /* Keep your existing padding settings if needed */
    max-width: 100%; /* Allow the footer to stretch to the full width of its container */
    width: 100vw; /* Ensure the footer takes up 100% of the viewport width */
    margin-left: 0; /* Remove any automatic margins */
    margin-right: 0; /* Remove any automatic margins */
    overflow: visible; /* Adjust if you want to ensure no content is hidden, but use cautiously */
    display: block; /* If flex is not specifically required for direct children layout */
}

#colophon > div {
    color: #ffffff !important;
}
footer#colophon.site-footer.responsive-max-width {
  background-color: #000000; !important; /* Ensures the background color is #333333, overriding other styles */}
#masthead *, #masthead a { /* Targets all elements and anchor tags within #masthead */
    color: white !important; /* Ensures text is white */
}
@media screen and (min-width: 769px) {
    #menu-primary-main-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-79 > ul {
        background-color: #000000 !important; /* Charcoal shade */
    }
}
#toggle-menu {
  padding: 15px;
	margin-top: 25px !important;
}
#masthead {
    background-color: #000000; /* This is a medium light grey color */
}
@media screen and (max-width: 768px) {
    #masthead > div > div > p.site-title > a {
        font-size: 16px; /* Sets the font size to 20 points on mobile screens */
    }
}
#masthead > div > div {
    display: flex;
    align-items: center; /* This will vertically center the items */
}
#masthead > div > div > p.site-title {
    margin-right: auto; /* This will push the p.site-title to the left */
    margin-top: -12px; /* This will move the site title up by 5px */
    padding-left: 6px; /* This adds 5px of padding on the left */
}


#masthead > div > div > p.site-title {
    margin-right: auto; /* This will push the p.site-title to the left */
}

#masthead > div > div > div {
    display: flex;
    justify-content: center; /* Center the image inside its div */
}

#masthead > div > div > div > a > img {
    /* Assuming you want to keep the 50x50 size as previously mentioned */
    width: 75px;
    height: 75px;
}

#masthead > div > div > div > a > img {
    width: 75px;
    height: 75px;
}

@media (max-width: 768px) {
    #menu-primary-main-1 > li:first-child {
        padding-top: 20px; /* Adjust this value as needed */
    }
}