html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


img.imageflow {
    max-width: 100%
}

    img.imageflow.long {
        max-height: 50%;
    }

img.leftImage {
}

img.rightImage {
    float: right;
}

.vid {
    justify-self: center;
}

    .vid video {
        width: 100%;
        height: 650px;
    }

.segment {
    /*max-height: 870px;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

    .segment:nth-child(even) {
        /* Light brown background for even segments */
        background-color: white; /* Light brown: Adjust as needed */
    }

    .segment:nth-child(odd) {
        /* Medium brown background for odd segments */
        background-color: #f5f0e1; /* Medium brown: Adjust as needed */
    }

    .segment:last-child {
        /* Darker brown for the last segment */
        background-color: white; /* Darker brown: Adjust as needed */
    }


    .segment.segmentAboutUs {
    }

    .segment .textSegment {
        text-align: center;
    }


    .segment .imageSegment {
        align-content: center;
    }

        .segment .imageSegment img {
            max-height: 600px;
        }