/* Mobile View */
@media only screen and (max-width: 600px) {
  .desktop-view {
    display: none !important;
  }

  .mobile-view {
    display: block !important;
  }

  .card-project {
    background-color: #f0f0f0 !important;
  }

  .card-project h2 {
    color: #1e1e1e !important;
  }

  .card-project a {
    color: var(--f7-theme-color) !important;
  }

  .popover,
  .popover-backdrop {
    display: none !important;
  }
}

/* Desktop View */
@media only screen and (min-width: 800px) {
  .desktop-view {
    display: block !important;
  }

  .mobile-view {
    display: none !important;
  }

  /* #hints {
    display: block !important;
  } */
}