.head-in-section {
	display: flex;
	flex-flow: column;
	align-self: center;
	gap: 8px;
	width: 100%;
	max-width: 640px;
	text-align: center;

	@include tablet {
		gap: 4px;
		max-width: 480px;
	}

	@include mobile {
		max-width: 328px;
	}

	&__title {
		font-family: $font-title;
		font-size: 42px;
		line-height: 46px;
		letter-spacing: 0.02em;

		@include tablet {
			font-size: 32px;
			line-height: 36px;
		}

		@include mobile {
			font-size: 24px;
			line-height: 28px;
		}
	}

	&__desc {
		font-size: 18px;
		font-weight: 300;
		line-height: 28px;

		@include tablet {
			font-size: 15px;
			line-height: 21px;
		}

		@include mobile {
			font-size: 13px;
			line-height: 19px;
		}
	}
}