.catalog__banner{background-color:#e8e7e1;position:relative;padding:15px;padding-right: 20%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;gap:20px}.catalog__banner>*{position:relative;z-index:1}.catalog__banner-bg{position:absolute;width:100%;height:100%;right:-100px;background-repeat:no-repeat;top:0;background-position:bottom right;background-size:cover;background-image:url("./images/banner.png");z-index:0}.catalog__banner-title{font-family:Kudryashev Headline;color:#8d3332;margin-bottom:14px;font-weight:400;font-size:26px;line-height:29px}.catalog__banner-subtitle{font-family:Museo Sans Cyrl;font-size:14px;font-style:normal;font-weight:300;line-height:120%;color:#4d4d4f}@media screen and (min-width:768px){.catalog__banner-title{font-size:48px;line-height:56px}
	.catalog__banner-subtitle{font-size:16px;line-height:160%}.catalog__banner{padding:20px;gap:40px}.catalog__banner-bg{background-size:contain;right:0}}
/*
.catalog__banner{
	background-color: #E8E7E1;
	position: relative;
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	gap: 20px;
	padding-right: 20%;
}

.catalog__banner > * {
	position: relative;
	z-index: 1;
}

.catalog__banner-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	background-repeat: no-repeat;
	top: 0;
	background-position: bottom right;
	background-size: cover;
	background-image: url("./images/banner.png");
	z-index: 0;
}

.catalog__banner-title{
	font-family: Kudryashev Headline;
	color: #8d3332;
	margin-bottom: 14px;
	font-weight: 400;
	font-size: 26px;
	line-height: 29px;
}

.catalog__banner-subtitle{
	font-family: Museo Sans Cyrl;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
	color: #4D4D4F;
}

@media screen and (min-width: 768px) {
	.catalog__banner-title {
		font-size: 48px;
		line-height: 56px;
	}

	.catalog__banner-subtitle{
		font-size: 16px;
		line-height: 160%;
	}

	.catalog__banner{
		padding: 20px;
		gap: 40px;
	}

	.catalog__banner-bg{
		background-size: contain;
	}
} */