@media screen and (min-width: 850px) {
  .mainviual{
    margin-top: 80px;
    height: 40vh;
    & h1{
      font-size: 250%;
    }
  }
  .content{
    max-width: 1100px;
    margin: 30px auto 120px;
    & div{
      & p{
        font-size: 200%;
      }
      & ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 30px;
        & li{
          width: calc(100% / 3);
          font-size: 130%;
          letter-spacing: 1px;
          line-height: 1.7;
          padding-bottom: 7px;
          margin-bottom: 10px;
          position: relative;
          z-index: 0;
          & a{
            transition: all 0.3s;
          }
          &:hover a{
            color: var(--item);
          }
        }
      }
    }
  }
}