.text-image {
    margin: 30px auto !important;
}

.text-image .image-left {
	flex-direction: row;
}
.text-image .image-right {
	flex-direction: row-reverse;
}
.text-image .right {
	width: 50%;
    padding-right: 100px;
}

.text-image .image-left .right {
    padding-left: 100px;
    padding-right: 0px;
}

.text-image.has-edge-color h3 {
    color: var(--wp--preset--color--edge) !important;
}

.text-image.has-edge-color p {
    color: var(--wp--preset--color--edge-black) !important;
}

.text-image.has-edge-color button {
    background-color: var(--wp--preset--color--edge-black) !important;
}

.text-image.has-edge-color button:hover {
    background-color:var(--wp--preset--color--edge) !important;
}



.text-image h3 {
    color: var(--wp--preset--color--green);
    font-size: 18px;
    line-height: 22px;
}

.text-image button {
    background-color:var(--wp--preset--color--navy);
    color:var(--wp--preset--color--white);
}

.text-image button:hover {
    background-color:var(--wp--preset--color--green);
    color:var(--wp--preset--color--white);
}


.text-image p {
    margin-bottom: 40px;
}

.text-image img.left {
    max-width: 50%;
}


.text-image .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


@media only screen and (max-width: 800px) {
    
	.text-image.wrapper {
		padding: 0px 0px 40px !important;
	}
	
	.text-image.wrapper .in {
		padding: 40px 30px 0px !important;
	}
	
    .text-image {
        overflow: visible;
    }
    
    .text-image .flex {
        flex-direction: column-reverse
    }
	
	.text-image .image-left .right {
		 padding-right: 0px;
        padding-left: 0px;
	}
    
    .text-image .right {
    width: 100%;
        text-align: center;
    padding-right: 0px;
        padding-left: 0px;
}
    
    .text-image img.left {
        max-width: 100%;
}
    
    
}