body {
  background-color: beige;
}

header h1, h3{
  text-align: center;
}

.item {
  background-color: blue;
  margin: 30px;
  padding: 5px;
  text-align: center;
  color: white;
  height: 350px;
}

.item img {
  max-width: 100%;
}

#popup {
  text-align: left;
}

#popup img {
  width: 100%;
  height: 100%;
}


footer {
  text-align: center;
}


@media (min-width: 700px) {
  .flex {
    display: flex;
  }

  .flex1 {
    flex: 1;
  }
}