.container { padding: 1rem; }
@media (min-width: 768px) { .container { padding: 2rem; } }
@media (min-width: 1024px) { .container { padding: 3rem; } }

.navbar { flex-direction: column; }
@media (min-width: 992px) { .navbar { flex-direction: row; } }

.sidebar { transform: translateX(-100%); }
@media (min-width: 992px) { .sidebar { transform: translateX(0); } }