@import url(fonts.css);
@import url(reset.css);
.wallpaper {
  background-image: url("../images/wallpaper.png");
  font-family: 'Daxline Offc Pro';
  position: relative;
  overflow: hidden; }

.center {
  margin: auto; }

footer {
  margin: 30px auto 0; }

section {
  position: relative; }
  section .square {
    width: 50%;
    background: #a6978a;
    box-sizing: border-box;
    position: relative; }
    section .square h1 {
      color: #fff;
      font-weight: 600; }
    section .square img {
      width: 600px;
      position: absolute;
      left: 38px;
      bottom: -248px;
      z-index: 1; }
  section > p {
    color: #595757;
    line-height: normal; }
  section .plate {
    background-image: url("../images/plate.png");
    background-size: cover;
    box-sizing: border-box; }
    section .plate p {
      font-family: 'Qiber';
      text-align: center;
      transform: rotate(-7deg); }
  section.part-items {
    overflow: hidden;
    box-sizing: border-box; }
    section.part-items .item {
      float: left;
      box-sizing: border-box;
      color: #a6978a; }
      section.part-items .item > span {
        font-weight: 600;
        text-align: center;
        display: block;
        border-radius: 50%; }
      section.part-items .item h2 {
        font-weight: 600; }
      section.part-items .item > p {
        color: #595757; }
        section.part-items .item > p sup {
          font-size: 0.7em; }
      section.part-items .item .indications {
        margin: 17px 0; }
        section.part-items .item .indications p {
          font-size: 14px;
          color: #000;
          margin: 13px 0;
          line-height: 18px; }
          section.part-items .item .indications p span {
            font-weight: 600; }
    section.part-items a {
      text-decoration: none;
      padding: 9px 18px;
      font-size: 19.3px;
      color: #fff;
      background: #c1d43c;
      position: absolute;
      top: 585px;
      left: 470px; }
      section.part-items a span::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 10px;
        vertical-align: middle;
        border-style: solid;
        border-width: 5px;
        border-color: transparent transparent transparent #fff; }

@media (min-width: 1000px) {
  .center {
    width: 1000px;
    margin: 0 auto; }
    .center .cap {
      left: 440px;
      width: 505px;
      top: 1980px; }

  section .square {
    height: 500px;
    padding: 60px; }
    section .square h1 {
      font-size: 70px; }
  section > p {
    width: 395px;
    top: 60px;
    right: 43px; }
  section .plate {
    width: 312px;
    height: 230px;
    top: 289px;
    right: 131px;
    padding: 45px 30px; }
    section .plate p {
      font-size: 30px; }
  section.part-items {
    padding: 75px 0 0;
    margin: 50px 60px 40px; }
    section.part-items .item:nth-of-type(1) {
      padding: 0 30px 0 0; }
    section.part-items .item:nth-of-type(2) {
      padding: 0 0 0 30px; }
    section.part-items .item > span {
      font-size: 27px;
      line-height: 40px;
      width: 40px;
      height: 40px;
      border: 4px solid #a6978a; }
    section.part-items .item h2 {
      font-size: 36.6px;
      margin: 20px 0 35px; }
    section.part-items .item > p {
      font-size: 16px;
      line-height: 24px; }
  section:nth-of-type(2) {
    margin-top: 100px; } }
@media screen and (min-width: 568px) and (max-width: 767px) {
  .center {
    width: 568px; }
    .center .cap {
      width: 274px;
      left: 285px;
      margin-top: 50px; }

  section .square {
    width: 284px;
    height: 284px;
    padding: 35px; }
    section .square h1 {
      font-size: 40px; }
    section .square img {
      width: 310px;
      left: 13px;
      top: 164px; }
  section > p {
    width: 224px;
    top: 38px;
    left: 320px;
    font-size: 12px; }
  section .plate {
    width: 240px;
    height: 180px;
    left: 321px;
    top: 192px;
    padding: 37px; }
    section .plate p {
      font-size: 22px; }
  section.part-items {
    padding: 38px 36px 0;
    background-size: 496px; }
    section.part-items:nth-of-type(2) {
      padding-top: 130px;
      background-position: center 85px; }
    section.part-items .item h2 {
      font-size: 23px;
      padding: 10px 0 20px; }
    section.part-items .item > span {
      width: 22px;
      height: 22px;
      font-size: 18px;
      line-height: 22px;
      border: 3px solid #a6978a; }
    section.part-items .item > p {
      font-size: 12px;
      line-height: normal; }
    section.part-items .item .indications p {
      font-size: 12px; }
    section.part-items .item:nth-of-type(1) {
      padding-right: 13px; }
    section.part-items .item:nth-of-type(2) {
      padding-left: 13px; }
    section.part-items a {
      top: 422px;
      left: 300px;
      font-size: 12px; } }
@media screen and (min-width: 768px) and (max-width: 999px) {
  .center {
    width: 768px; }
    .center .cap {
      width: 360px;
      left: 386px;
      top: 1685px; }

  section .square {
    height: 384px;
    padding: 48px; }
    section .square h1 {
      font-size: 53px; }
    section .square img {
      width: 418px;
      left: 29px;
      top: 214px; }
  section .plate {
    width: 261px;
    height: 195px;
    left: 446px;
    top: 225px;
    padding: 45px 40px; }
    section .plate p {
      font-size: 24px; }
  section > p {
    width: 288px;
    left: 432px;
    top: 48px;
    font-size: 14px; }
  section.part-items {
    padding: 38px 50px 0;
    background-size: 672px; }
    section.part-items:nth-of-type(2) {
      padding-top: 130px;
      background-position: center 75px; }
    section.part-items .item h2 {
      font-size: 28px;
      margin: 15px 0 25px; }
    section.part-items .item > span {
      width: 30px;
      height: 30px;
      font-size: 21px;
      line-height: 30px;
      border: 3px solid #a6978a; }
    section.part-items .item > p {
      font-size: 14px;
      line-height: normal; }
    section.part-items .item:nth-of-type(1) {
      padding-right: 25px; }
    section.part-items .item:nth-of-type(2) {
      padding-left: 25px; }
    section.part-items a {
      top: 475px;
      left: 440px;
      font-size: 14px; } }
@media screen and (min-width: 568px) {
  .center .cap {
    position: absolute;
    z-index: 1; }

  section > p {
    position: absolute; }
  section .plate {
    position: absolute; }
  section.part-items {
    background-image: url("../images/wave.png");
    background-repeat: no-repeat;
    background-position: top; }
    section.part-items .item {
      width: 50%; } }
@media screen and (max-width: 567px) {
  .center {
    width: 320px; }

  section:nth-of-type(1) {
    height: 890px; }
  section .square {
    width: 320px;
    height: 320px;
    padding: 40px; }
    section .square h1 {
      font-size: 45px; }
    section .square img {
      width: 430px;
      left: -40px;
      bottom: auto;
      top: 160px;
      transform: rotate(45deg); }
  section > p {
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 230px; }
  section .plate {
    width: 240px;
    padding: 35px 28px;
    height: 180px;
    margin: 20px auto 0; }
    section .plate p {
      font-size: 24px; }
  section.part-items:nth-of-type(2) {
    background-image: url("../images/wave-mv.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 240px;
    padding-top: 25px; }
  section.part-items:nth-of-type(3) .item:nth-of-type(2) {
    margin-top: 420px; }
  section.part-items .item {
    padding: 0 20px; }
    section.part-items .item > span {
      width: 30px;
      height: 30px;
      font-size: 21px;
      line-height: 30px;
      border: 3px solid #a6978a; }
    section.part-items .item h2 {
      font-size: 28px;
      margin: 15px 0 25px; }
    section.part-items .item > p {
      font-size: 12px;
      line-height: 20px; }
    section.part-items .item .indications p {
      font-size: 12px; }
  section.part-items a {
    position: static;
    display: block;
    margin: 20px 19px;
    font-size: 14px;
    overflow: hidden; }

  .center .cap {
    width: 320px;
    position: absolute;
    top: 2689px; } }

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