/* breakpoints match Bootstrap breakpoints */
:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

/* Small or less */
@media (max-width: 576px) {
  .hide-sm {
    display: none !important;
  }
  h3 {
    font-size: calc(1.2rem + .6vw);
  }  
}

/* Medium or less */
@media (max-width: 768px) {
  .hide-md {
    display: none !important;
  }
}

/* Large or less */
@media (max-width: 992px) {
  .hide-lg {
    display: none !important;
  }
  .save-btn {
    width: 5.5rem !important;
  }
}