h1 {
    /*border: 2px #eee solid;*/
    color: brown;
    text-align: center;
    padding: 10px;
}

p {
    /*font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
    font-family: Arial;
    font-size: 1.5rem;
    font-weight: 400;
}


.image-container {
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent images from wrapping to the next line */
}

.image-container img {
    display: inline-block;
    max-width: 100%; /* Ensure images don't exceed the container width */
    height: auto; /* Maintain aspect ratio */
    vertical-align: top; /* Align images at the top of the container */
}

@media only screen and (min-width: 75px) {
    .container-center, #paypal-button-container {
        min-width: 75px;
        max-width: 150px;
    }
}

@media only screen and (min-width: 150px) {
    .container-center,
    #paypal-button-container {
        min-width: 150px;
        max-width: 200px;
    }
}

@media only screen and (min-width: 200px) {
    .container-container,
    #paypal-button-container {
        min-width: 200px;
        max-width: 300px;
    }
}

@media only screen and (min-width: 300px) {
    .container-center,
    #paypal-button-container {
        min-width: 300px;
        max-width: 500px;
    }
}

@media only screen and (min-width: 500px) {
    .container-center,
    #paypal-button-container {
        min-width: 500px;
        max-width: 750px;
    }
}

.accordion {
    --bs-accordion-active-color: black; /* Change this to your desired color */
    --bs-accordion-active-bg: black;
    --bs-accordion-border-color: black; /* Change this to your desired color */
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(217, 35, 15, 0.25);
    --bs-accordion-btn-color: black;
    --bs-accordion-btn-bg: maroon;
    --bs-accordion-bg-color: #FF0000; /* red */
}

.navbar a:hover {
    background-color: #d9230f;
    color: black;
    border-radius: 0%;
    /*transition: 0.3s;*/
}

/*.accordion-button :hover {*/
.accordion-button :hover {
    background-color: #d9230f;
    color: var(--bs-accordion-active-color);
    border-radius: 0%;
    /*transition: 0.3s;*/
}


/* Style for collapsed state */
.accordion-button.collapsed {
    background-color: white; /* Change this to your desired color for collapsed state */
    border: none;
}


/* Style for expanded state */
.accordion-button:not(.collapsed) {
    background-color: #d9230f; /* Change this to your desired color for expanded state */
    border: none;
}

.section-header {
    font-size: 1.0rem;
    font-weight: 600;
    color: black;
    background-color: #d9230f;
    padding: 10px;
}

/* Style for header: overlappting text/image */
.overlapped-text {
    position: relative;
    z-index: 0;
}
.overlapping-image {
    position: relative;
    left: -90px;
    top: -60px;
    transform: rotate(-10deg);
    z-index: 10;
}