/* Additional responsive tweaks for BurnNotes.app */

@media (max-width: 1400px) {
	.container-flex {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (max-width: 992px) {
	.container-flex {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.info-panel {
		margin-bottom: 1rem;
	}
}

@media (max-width: 768px) {
	.container-flex {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.note-content-style {
		font-size: 0.98rem;
	}
	.info-panel {
		padding: 1rem 0.5rem;
	}
}

@media (max-width: 576px) {
	.container-flex {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.note-content-style {
		font-size: 0.92rem;
		padding: 0.3rem;
	}
	.info-panel {
		padding: 0.7rem 0.2rem;
	}
}