@media only screen and (max-width: 1279px) {
	main {
		flex-direction: column;
		gap: 1rem;
	}

	main h1, main p {
		margin: 0 0.75rem;
	}

	main img {
		width: 80%;
	}

	main h1 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	main p {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	header h1 {
		margin: 0 0.75rem;
		font-size: 1.2rem;
	}

	footer {
		flex-direction: column-reverse;
	}

	footer * {
		margin: 0.5rem;
	}

	footer ul {
		width: 100%;
		justify-content: space-between;
	}
}