/*importing Global*/
/*Global*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Poppins",sans-serif;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #0c0c0c;
}

h1 {
  font-size: calc(5rem + 1vw);
}

h2 {
  font-size: calc(4rem + 1vw);
}

h3 {
  font-size: calc(3.2rem + 1vw);
}

p, button, li {
  font-size: calc(2rem + 1vw);
}

h4, .nav-links li {
  font-size: calc(1.2rem + 1vw);
}

#example, #small, #seat {
  font-size: calc(1.6rem + 1vw);
  text-align: center;
}

#example {
  padding: 0 10rem;
  font-style: italic;
}

ol {
  list-style: lower-roman;
}

ul {
  list-style: square;
}

.item ol, .item ul {
  margin: 0 5rem;
}

.item ol li, .item ul li {
  margin: 2rem 0;
}

/*Media Queries*/
/*Desktop @1524px*/
@media screen and (max-width: 1524px) {
  html {
    font-size: 60%;
  }
}

/*Desktop @1368px*/
@media screen and (max-width: 1368px) {
  html {
    font-size: 52.5%;
  }
}

/*Tablet @1024px*/
@media screen and (max-width: 1024px) {
  html {
    font-size: 52.5%;
  }
  .nav-links {
    font-size: calc(2rem + 1vw);
  }
}

/*Phone @768px*/
@media screen and (max-width: 768px) and (orientation: landscape) {
  html {
    font-size: 47.5%;
  }
}

/*Phone @524px*/
@media screen and (max-width: 524px) {
  html {
    font-size: 42.5%;
  }
  #example {
    padding: 0 5rem;
  }
  .item ol, .item ul {
    margin: 0 2.5rem;
  }
}

p {
  margin: 3rem 0;
}

.table {
  height: 55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3rem 0;
}

.table img {
  height: 100%;
}

.kangs-list li {
  font-size: calc(1.6rem + 1vw);
}

.picture {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem 0;
  position: relative;
}

.picture .kang {
  position: absolute;
  margin-top: 6rem;
}

.item:nth-child(6) ul {
  margin-top: 8rem;
}

@media screen and (max-width: 1024px) {
  .table {
    height: 50rem;
  }
}

@media screen and (max-width: 768px) {
  .picture {
    height: 14rem;
  }
  .picture .kang {
    margin-top: 5rem;
  }
}

/*Phone @524px*/
@media screen and (max-width: 524px) {
  .table {
    height: 40rem;
  }
  .picture {
    height: 9rem;
  }
  .picture .kang {
    margin-top: 4rem;
  }
  .item:nth-child(6) ul {
    margin-top: 6rem;
  }
}

/*Phone @348px*/
@media screen and (max-width: 348px) {
  .picture {
    height: 6rem;
  }
  .picture .kang {
    margin-top: 3rem;
  }
}
/*# sourceMappingURL=HandConfiguration.css.map */