body {
  font-family: Verdana, sans-serif;
}

.org {
  text-align: center;
}

/* BOX */
.box {
    width:300px;
  display: inline-block;
  padding: 10px 15px;
  border: 2px solid #000;
  background: #00aeef;
  min-width: 160px;
}

.box span {
  color: black;
}

.sub {
  background: #ccc;
}

/* LEVEL */
.level {
  margin-bottom: 20px;
  
}

/* ROW */
.row {
  display: flex;
  justify-content: center;
  gap: 80px;
}

/* COLUMN */
.col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* VERTICAL LINE */
.v-line {
  width: 2px;
  height: 40px;
  background: #000;
  margin: 0 auto;
}

.v-line.small {
  height: 20px;
}

/* HORIZONTAL LINE */
.h-line {
  width: 64%;
  height: 2px;
  background: #000;
  margin: 0 auto;
  margin-top:-25px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
    gap: 20px;
  }

  .h-line {
    display: none;
  }
}