.block{
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	.block1{
		width: 47.4%;
		padding: 30px 20px;
		@include br2{
			width: 100%;
			order: 2;
		}
		div{
			max-width: 400px;
			margin: 0 auto;
		}
	}
	.block2{
		width: 52.6%;
		overflow: hidden;
		@include br2{
			width: 100%;
			order: 1;
		}
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	
	&.block-orange{
		.block1{
			background: $orange;
		}
		.block2{
			position: relative;
			&:before{
				content: "";
				position: absolute;
				width: 10%;
				height: 100%;
				background: rgba(218, 114, 31, .7);
				left: 0;
				top: 0;
				z-index: 3;
			}
		}
	}
	&.block-red{
		.block1{
			background: $red;
		}
		.block2{
			position: relative;
			&:before{
				content: "";
				position: absolute;
				width: 10%;
				height: 100%;
				background: rgba($red, .7);
				right: 0;
				top: 0;
				z-index: 3;
			}
		}
	}
	a{
		color: #fff;
		text-decoration: underline;
	}
}