#history-main {
    background: url('/images/history/bg-history.png');
    background-attachment: fixed;
    background-size: cover !important;
    background-repeat: no-repeat;

    color: white;
}

#history-main h1 {
    width: max-content;
    padding: 12px 24px;
    margin: 24px auto;

    background: url('/images/decorative/frame-one.png');
    background-size: contain;
    background-position-y: bottom;
    background-position-x: 0;
    background-repeat: no-repeat;
}

#history-main p {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

#history-main .col-md-10 {
    background-color: rgba(255, 255, 255, 0.75);
    color: black;

    padding: 24px 48px;
}

#history-main .col-md-10 p {
    text-shadow: none!important;
}

#history-main .col-md-10 p {
    margin-bottom: 0px;
}



/* #yumekco h4 {
    background-color: #6766AC;
} */

#yumekco {
    /* mobile */
    padding: 24px !important;
}

#yumekco .col-md-8 {
    border-left: 6px solid #6766AC;
}

#yumekco-headshot {
    margin-bottom: 24px;
}

#yumekco img {
    margin-bottom: 24px;
}

#yumekco h4 {
    margin-left: -16px;
    padding: 20px 16px 20px 16px;
}



@media (min-width: 768px) {
    #yumekco-headshot {
        width: 90%;
        margin: 0 auto;
        z-index: 1;
        position: relative;
    }

    #yumekco .pink-bg {
        background: url('/images/history/pink.png');
        background-size: 90% 90% !important;
        background-position-y: bottom;
        background-position-x: left;
    }

    #yumekco-pink {
        width: 80%;
        height: 90%;
        position: absolute;
        left: 16px;
        bottom: -16px;
        z-index: 0;
    }

    #yumekco {
        padding: 80px !important;
    }
}