/* ------------------ WORKS PAGE ------------------ */

body {
  background-color: #F3F4F6; /* Anti-Flash White */
}

/* App row / grid like iPhone home screen */
.app-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 2rem;
}

.app-col {
  flex: 1 1 0;
  text-align: center;
  margin: 0 0.25rem; /* spacing between logos */
}

.app-logo {
  max-width: 80%; /* leave a little space from edges */
  height: auto;
  display: block;
  margin: 0 auto;
}

.app-title {
  margin-bottom: 0.25rem;
}

.app-title.yes {
  color: #85BB65;
}

.app-title.flagspot {
  color: #0A84FF;
}

.app-title.caminoquest {
  color: #FFC72C;
}

.app-title.wallnote { 
  color: #5856D6;
}

/* Responsive tweaks */
@media screen and (max-width: 576px) {
  .app-row {
    flex-wrap: nowrap; /* force single row even on tiny screens */
  }
}