.leftimage {
    padding: .5em 0 .5em;
}

.left_container {
	margin: 0 auto;
	padding: 0;
/*	max-width: 1200px; */
}

.leftimage {
    background-position-x: left;
    background-size: 50%;
    background-repeat: no-repeat;
}

.leftimage .inner {
    padding: 0 1em 0;
}

.leftimage .image img {
    display: none;
}

.leftimage .details {
    padding: 0 1.5em 0;
    background-color: #fff;
}

.leftimage .details.overlay {
    padding: 1.5em;
    background: #e2b984;
}

.leftimage .details h2 {
    margin-top: 0;
}

.leftimage .details.overlay h2 {
    color: #213544;
}

@media screen and (max-width: 767px) {
    .leftimage {
        background-image: none !important;
    }
}

@media screen and (min-width: 769px){



    .left_container {
        display: flex;
    }

    .leftimage .image img {
        display: block;
        max-width: 280px;
    }

    .leftimage .image.overlay {
        position: relative;
    }

    .leftimage .image.overlay::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: #e2b984;
        background: linear-gradient(90deg,
            rgba(226,185,132,0) 0%, 
            rgba(226,185,132,0.2) 20%, 
            rgba(226,185,132,1) 100%);
    }

}

@media screen and (min-width: 48em){


    .leftimage {
        padding: 0;
        /* 
        margin: 0 calc(50% - 60vw);
        max-width: 100vw;
        width: 100vw;
        */
    }

    .leftimage.overlay {
        background-color: #e2b984;
    }
    
    .is-admin.leftimage {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .leftimage .image img {
        max-width: 560px;
    }

    @supports ((display: -ms-grid) or (display: grid)) {
        .left_container .inner {
            display: grid;
            /* grid-template-columns: 1fr 4fr; */
            grid-template-columns: 25% 75%;
            padding-top: 0;
            padding-bottom: 0;
        }
    
    }

}