@media screen and (max-width: 1200px) {
	.section-title {
		text-align: center;
	}

	.hero {
		padding: 2rem;
		height: 60vh;
	}

	.hero__group {
		padding: 2.5rem 0 2rem 2.5rem;
	}

	.hero__title {
		font-size: 3.5rem;
	}

	.hero__subtitle {
		font-size: 2rem;
	}

	.hero__cta > p {
		font-size: 1.4rem;
	}

	.hero__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 10%;
	}

	.features {
		padding: 5rem;
	}

	.features__item {
		text-align: center;
	}

	.pricing {
		flex-direction: column;
		width: 100%;
		margin: 0 0 3rem;
		padding: 0;
	}

	.pricing__text-group {
		width: 100%;
		margin-right: 0;
		padding: 3rem;
		box-shadow: none;
	}

	.pricing__text-group .section-title {
		font-size: 2.8rem;
		margin-bottom: 1rem;
	}

	.pricing__text-info {
		font-size: 1.4rem;
		text-align: center;
	}

	.pricing__card {
		margin-right: 0;
	}

	.pricing__list-text {
		text-align: center;
	}

	.pricing__list-title {
		font-size: 2rem;
	}

	.pricing__list-subtitle {
		font-size: 1.6rem;
	}

	.contact__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 10%;
	}

	.contact__btn {
		width: 40%;
	}

	.footer {
	}
}

@media screen and (max-width: 768px) {
	.section-title {
		font-size: 2rem;
		text-align: center;
	}

	.header__nav--mobile {
		display: block;
		font-size: 2rem;
	}

	.header__nav {
		display: none;
	}

	.header__account-actions {
		display: none;
	}

	.hero {
		grid-template-columns: 1fr;
		padding: 0;
		margin-top: 5rem;
		height: 30vh;
	}

	.hero__group {
		align-self: flex-start;
		height: 0;
		padding: 0;
	}

	.hero__title {
		font-size: 3rem;
		font-weight: 400;
	}

	.hero__subtitle {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}

	.hero__cta {
		height: 0;
	}

	.hero__cta > p {
		font-size: 1.4rem;
	}

	.hero__cta-group {
		flex-direction: column;
	}

	.hero__cta-input {
		width: 100%;
		margin-bottom: 2rem;
		margin-right: 0;
	}

	.hero__cta-btn {
		align-self: center;
		padding: 1rem;
	}

	.hero__img-container {
		display: none;
	}

	.features {
		text-align: center;
		padding: 5rem;
		margin-bottom: 2rem;
	}

	.features__group {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.features__item:not(:last-of-type) {
		margin-right: 0;
	}

	.features__item-icon {
		font-size: 3rem;
	}

	.pricing__text-group .section-title {
		font-size: 2rem;
	}

	.pricing__list {
		grid-template-columns: 1fr;
	}

	.pricing__card--recommended {
		grid-row: 2;
	}

	.contact {
		padding: 2rem 3rem;
		grid-template-columns: 1fr;
	}

	.contact__img-container {
		display: none;
	}

	.contact__form-group {
		width: 100%;
	}

	.contact__btn {
		width: 30%;
	}

	.contact__info-text {
		font-size: 1.2rem;
	}

	.footer {
		align-items: center;
	}

	.footer__main-nav {
		font-size: 1.4rem;
	}

	.footer__social-nav {
		margin-bottom: 2rem;
	}

	.footer__sub-group {
		flex-direction: column;
	}

	.footer__copyright {
		flex-direction: column;
	}

	.footer__copyright-link {
		margin-bottom: 1.5rem;
	}
}