.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .terms {
    width: 100%;
    height: auto;
    padding-top: 110px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .terms {
        padding-top: 90px; } }
    @media screen and (max-width: 768px) {
      .wrapper .terms {
        padding-top: 60px; } }
    @media screen and (max-width: 480px) {
      .wrapper .terms {
        padding-top: 70px; } }
    .wrapper .terms .terms-inner {
      width: 80%;
      height: auto;
      margin: 40px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .terms .terms-inner {
          width: 90%;
          margin-top: 30px; } }
      @media screen and (max-width: 480px) {
        .wrapper .terms .terms-inner {
          width: 100%;
          margin-top: 15px; } }
      .wrapper .terms .terms-inner .terms-title {
        width: 90%;
        height: auto;
        border-bottom: 1px solid #333;
        padding-left: 10px;
        margin: 0 auto; }
        .wrapper .terms .terms-inner .terms-title h2 {
          font-size: 4rem; margin-top:50px;}
          @media screen and (max-width: 1024px) {
            .wrapper .terms .terms-inner .terms-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .terms .terms-inner .terms-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .terms .terms-inner .terms-title h2 {
              font-size: 1.8rem; } }
      .wrapper .terms .terms-inner .terms-main {
        width: 100%;
        height: auto;
        margin-top: 20px; }
        @media screen and (max-width: 768px) {
          .wrapper .terms .terms-inner .terms-main {
            width: 100%;
            margin-top: 0; } }
        .wrapper .terms .terms-inner .terms-main .terms-text {
          width: 90%;
          height: auto;
          margin: 0 auto; }

/*# sourceMappingURL=terms.css.map */