/**
 * site/sales-color-list — legacy .color-block-wrap parity.
 */

.sales-color-list.color-block-wrap,
.color-block-wrap {
	max-width: 1191px;
	margin: 0 auto;
}

.color-block-wrap h2 {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 50px;
}

.color-block-wrap .color-cols {
	column-count: 2;
	column-gap: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.color-cols li {
	background: #f1ede8;
	padding: 25px 27px 1px;
	margin: 0 auto 26px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.color-cols li h3 {
	margin: 9px 0 16px;
}

.color-cols li p {
	letter-spacing: 0;
	margin-bottom: 23px;
}

.color-block-wrap .lower-script {
	margin: -54px 40px -16px 0;
}
.lower-script h4 {
	position:relative;
}
.lower-script h4 p{
    color: #4B5B33;
    font-family: 'California Palms Script', cursive;
    font-size: 70px;
    font-weight: 100;
    line-height: 61px;
    margin: 0 0 50px;
    text-align: right;
    position: relative;
    font-style: normal;
}

.lower-script h4 img {
	width: 40px;
	position: absolute;
	bottom: -63px;
	right: 164px;
}

.lower-script.big h4 {
	font-size: 80px;
}

.lower-script.big {
	margin: -86px 106px 63px 0;
}

.lower-script.big h4 img {
	width: 40px;
	position: absolute;
	bottom: -31px;
	right: -55px;
	transform: rotate(-33deg);
}
@media (max-width:1080px) {
	.sales-color-list.color-block-wrap, .color-block-wrap {
		max-width:90%;
	}
}
@media (max-width: 768px) {
	.lower-script.big {
		margin: 0 35px -31px 0;
	}
	.color-block-wrap .lower-script h4 p {
		font-size:50px!important;
	}
	.color-block-wrap .lower-script {
	    margin: -54px 40px 70px 0;
	}
}
@media (max-width:600px) {
	.color-block-wrap .color-cols {
		column-count:1;
	}
	.color-cols li {
		padding:20px 20px 10px;
		margin:0 0 10px;
	}
	.color-block-wrap h2 {
		margin-bottom:20px;
	}
	.color-block-wrap .lower-script {
		margin: 0 0 20px 0;
	}
	.lower-script h4 img {
	    width: 40px;
	    position: absolute;
	    bottom: -45px;
	    right: 27px;
	}
	.lower-script.big h4 img {
		right:0;
	}
}