#company #banner {
  height: 300px;
}
#company #history {
  background: #f5f5f5;
  padding: 45px 24px;
}
#company #vision {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
#company #vision .box {
  display: inline-block;
  vertical-align: top;
}
#company #vision .box:last-child {
  margin-bottom: 0;
}
#company #vision .box .title {
  font-size: 23px;
  color: #67bd4a;
  font-family: 'quicksandbold';
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  text-align: center;
}
#company #vision .box .common-text {
  text-align: justify;
}
@media (min-width: 912px) {
  #company #banner {
    min-height: 400px;
  }
  #company #vision {
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 24px;
    padding-block: 56px;
  }
  #company .box {
    flex: 1;
  }
}