/* stylelint-disable */
.c-resources {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.c-resources__element {
	--padding-size: 0.75rem 1rem;
	display: flex;
	flex-direction: row;
}

@media (min-width: 1024px) {
	.c-resources__element {
		--padding-size: 2rem 3rem;
	}
}

.c-resources__element-block {
	aspect-ratio: 1;
	width: 50%;
}

.c-resources__element-content {
	padding: var(--padding-size);
	border: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.c-resources__element-title {
	color: var(--color-blue-1);
	font-family: var(--font-family-accent);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-24);
	margin: 0;
	line-height: 1.1;
}

@media (min-width: 1024px) {
	.c-resources__element-title {
		font-size: var(--font-size-36);
	}
}

@media (min-width: 1440px) {
	.c-resources__element-title {
		font-size: var(--font-size-48);
	}
}

@media (min-width: 0) and (max-width: 1023px) {
	.c-resources__element--large {
		--padding-size: 2rem 1rem;
		width: 100%;
		flex-direction: column-reverse;
	}
	.c-resources__element--large .c-resources__element-block {
		width: 100%;
	}
	.c-resources__element--large .c-resources__element-title {
		font-size: var(--font-size-48);
	}
}

@media (min-width: 1024px) {
	.c-resources__element--large {
		--padding-size: 3rem 3rem;
	}
	.c-resources__element--large .c-resources__element-title {
		max-width: 75%;
	}
}

.c-resources__element--small .c-resources__element-content {
	background: var(--color-gray-2);
}

@media (min-width: 1024px) {
	.c-resources__element--small {
		width: 50%;
	}
}

/*# sourceMappingURL=resources.css.map */