@media screen {
  @media (max-width: 1018px) {
    .site_tags{
      max-width: 720px;
    }
    .tags {
      justify-content: center;
    }
  }
  @media (max-width: 820px) {
    .content {
      background-position: 5% 50%;
    }
    .logo{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .logo_image{
      max-width: 95%;
    }
    .divider{
      max-width: 80%;
    }
    .divider span {
      width: 5px;
      height: 5px;
      border-width: 1px;
    }
    .divider::before,
    .divider::after {
      height: 1px;
    }
    .about .info{
      font-size: 2.8vw;
      line-height: auto;
    }
    .slogan{
      font-size: 10vw;
    }
    .site_state{
      font-size: 8vw;
    }
  }
  @media (max-width: 590px) {
    .tg_icon{
      width: 32px;
      height: 32px;
    }
    .about .info{
      font-size: 3.5vw;
      line-height: 16px;
    }
  }
  @media (max-width: 547px) {
    .tag {
      font-size: 14px;
      padding: 0 20px;
    }
  }
  @media (max-width: 440px) {
    .company_name{
      font-size: 7.5vw;
      margin-top: -15px;
    }
    .site_state{
      font-size: 6.5vw;
    }
    .site_tags{
      padding-bottom: 10px;
    }
  }
  @media (max-width: 420px) {
    .company_name{
      font-size: 8vw;
      margin-top: -15px;
    }
    .site_state{
      font-size: 7vw;
    }
    .side{
      gap: 15px;
    }
    .site_tags{
      padding-bottom: 10px;
    }
  }
}