/* PAGE IDENTIFICATION */

.identification {
  display: flex;

  overflow: hidden;
  justify-content: center;

  gap: clamp(20px, 15%, 1000px);
}

.identification .menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.identification .menu-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.separator {
  background-color: rgb(0, 32, 77);

  width: 6px;
}

@media (max-width: 700px) {
  .identification {
    flex-direction: column;
  }

  .separator {
    width: 100%;
    height: 3px;
  }

  .identification button {
    margin-bottom: 40px;
  }
}