@import "defs";

.client_box-text {
	text-align: left;
	font-size: 110%;
	line-height: 130%;
}

.client_box-text::before {
	font-size: 96px;
	content: "“";
	color: #888;
	position: relative;
	left: -16px;
	top: 40px;
}

@media screen and (width > 599px) {
	.client_box {
		display: flex;
	}

	.client_box-right {
		flex: 62%;
	}
	
	.client_box-left {
		flex: 38%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.client_box-left-row {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	
	.client_box-img {
		margin: 32px;
	}
	
	.client_box-text {
		max-width: 800px;
		margin: 32px;
	}
}

@media screen and (width < 600px) {
	.client_box-text {
		margin: 0 16px 32px 16px;
	}
}

.client_box-sign {
	color: $grey1;
	float: right;
}

@media (prefers-color-scheme: dark) {
	.client_box-sign {
		color: $grey2;
	}
}
