.intro{
  padding: 32px 0;
}
.info__item>h3{
  margin-bottom: 12px;
}
.info__item a{
  color: var(--gray);
  text-decoration: underline;
}
@media screen and (min-width: 768px){
  .intro{
    padding: 60px 0;
  }
  .info__list{
    display: flex;
    justify-content: space-between;
  }
  .info__item>h3{
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px){
  .intro__wrapper{
    display: flex;justify-content: space-between;
  }
  .info__list{
    padding-left: 100px;
    border-left: 1px solid var(--light-gray-1);
    justify-content: flex-start;
  }
  .info__item{
    margin-right: 100px;
  }
  .info__item:last-child{
    margin-right: 0;
  }
}