@import "../../styles/variable";

:global {
  .banner {
    position: relative;
    //width: 100%;
    //min-width: 1200px;
    & > img {
      width: 100%;
      display: block;
    }
    & > h1 {
      position: absolute;
      top: 132px;
      width: 100%;
      text-align: center;
      line-height: 62px;
      font-size: 38px;
      color: #000;
      text-shadow: #fff 4px 0 18px, #fff 0 4px 18px, #fff -4px 0 18px, #fff 0 -4px 18px;
    }
  }

  .main-box {
    img {

      width: 100%;
      display: block;
    }
    p {
      margin: 60px auto 0;
      text-align: center;
      font-family: serif;
      font-size: 30px;
      font-weight: 100;
      -webkit-font-smoothing: antialiased;
    }
  }
  //.address-phone {
  //  width: 1200px \0; //IE8
  //}

  .screen() {
    .media(@screen-width-small, @container-width-small);
    .media(@screen-width, @container-width);
    .media(@screen-width-large, @container-width-large);

    .media(@sw, @cw) {
      @media screen and (min-width: @sw) {
        .rules(@cw);
      }
    }

    .rules(@cw) {
      .address-phone {
        width: @cw;
      }
    }
  }

  body {
    .screen();
  }

}
