/* Breakpoint indicator for dev tools */
#breakpoint-indicator {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background: #222;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 1rem;
  z-index: 9999;
  opacity: 0.8;
}
#breakpoint-indicator::after { content: 'Default'; }
@media (max-width: 600px) {
  #breakpoint-indicator::after { content: 'xxxSmall'; }
}
@media (min-width: 601px) and (max-width: 1084px) {
  #breakpoint-indicator::after { content: 'xxSmall'; }
}
@media (min-width: 1085px) and (max-width: 1249px) {
  #breakpoint-indicator::after { content: 'xSmall'; }
}
@media (min-width: 1250px) and (max-width: 1659px) {
  #breakpoint-indicator::after { content: 'Small'; }
}
@media (min-width: 1660px) and (max-width: 1819px) {
  #breakpoint-indicator::after { content: 'Medium'; }
}
@media (min-width: 1820px) and (max-width: 1999px) {
  #breakpoint-indicator::after { content: 'Large'; }
}
@media (min-width: 2000px) {
  #breakpoint-indicator::after { content: 'xLarge'; }
}
@media (min-width: 2500px) {
  #breakpoint-indicator::after { content: 'xxLarge'; }
}