// out: ../style-css/style.css, compress: true, sourceMap: true
@import '_mixins';
@import '_variables';

.page-2 {
  .box-02 {
    margin-top: 85px;
    background: #F2F2F2;
    padding: 30px;
    text-align: center;
    font-size: 35px;
    font-weight: 300;

    p {
      margin-bottom: 0;
    }

    @include respond-below(md) {
      font-size: 26px;
    }

    @include respond-below(sm) {
      font-size: 20px;
    }
  }

  .box-01 {
    margin-top: 100px;
    background: #F2F2F2;
    padding: 50px 25px 30px;
    text-align: center;

    .scontainer-content {
      p:first-child {
        font-size: 30px;
        font-weight: 300;

        @include respond-below(md) {
          font-size: 26px;
        }

        @include respond-below(sm) {
          font-size: 20px;
        }
      }

      ul {
        list-style-type: none;
        margin: 42px auto 0;
        padding: 17px 20px;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #000;
        flex-wrap: wrap;

        @include respond-below(md) {
          justify-content: center;
        }

        li {
          text-transform: uppercase;
          font-size: 20px;
          font-weight: 600;

          @include respond-below(md) {
            width: 100%;
            font-size: 16px;
          }
        }
      }
    }
  }
}