/**
 * Responsive typography and layout.
 *
 * @package Psychologies
 */

@media (max-width: 991px) {
	:root {
		--psy-text-4xl: 2rem;
		--psy-text-5xl: 2.441rem;
		--psy-container-padding: 1rem;
	}
}

@media (max-width: 767px) {
	:root {
		--psy-text-3xl: 1.563rem;
		--psy-text-4xl: 1.953rem;
		--psy-text-5xl: 2rem;
	}

	.psy-main {
		padding: var(--psy-spacing-lg) 0;
	}
}

@media (max-width: 575px) {
	.psy-btn {
		width: 100%;
	}
}