/* — Responsive Breakpoints — */
@media (max-width: 768px) {
  .grid { display: block; }
  nav ul { flex-direction: column; }
}
@media (max-width: 480px) {
  button, input { font-size: 1.2em; padding: 0.8em; }
}

/* — Skeleton Loader — */
.skeleton {
  background: #eee;
  border-radius: 4px;
  display: inline-block;
}
.skeleton.text { width: 100%; height: 1em; margin-bottom: 0.5em; }