@media (max-width: 768px) {
	.container {
		padding: 15px;
	}

	header {
		padding: 30px 15px;
	}

	header h1 {
		font-size: 1.8em;
	}

	header p {
		font-size: 1em;
	}

	.section h2 {
		font-size: 1.5em;
	}

	.section p {
		font-size: 1em;
	}

	footer {
		padding: 15px;
	}
}

@media (max-width: 480px) {
	header img {
		max-width: 320px;
		width: 100%;
	}

	header h1 {
		font-size: 1.5em;
	}

	header p {
		font-size: 0.9em;
	}

	.section h2 {
		font-size: 1.3em;
	}

	.section p {
		font-size: 0.9em;
	}

	footer {
		font-size: 0.9em;
	}
}