#encart-resine-color {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    h2 {
        text-align: center;
        margin: 0;
        text-transform: uppercase;
        font-size: 26px;
        color: #ffffff;
    }
    h3 {
        text-align: center;
        font-weight: bold;
    }
    > div {
        margin: 20px;
    }
    .with-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #511D5A;
        padding: 24px 36px;
    }
    .points {
        display: flex;
        flex-direction: column;
        align-items: center;
        > div {
            margin: 6px 0 24px 0;
            > div {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
        }
    }
    .material-icons {
        font-variation-settings:
          'FILL' 1,
          'wght' 400,
          'GRAD' 0,
          'opsz' 24;
        color: #511D5A;
    }
    button {
        text-align: center;
        margin-top: 24px;
        padding: 18px 56px;
        border: 1px solid black;
        box-shadow: none;
    }
    button:hover,
    button:focus {
        color: #fff;
        background: #222;
    }
}
@media screen and (min-width: 768px) {
	#encart-resine-color {
	    flex-direction: row;
		.with-bg {
		    align-self: stretch;
		    max-width: 45%;
		}
	}
}