.container #top {
  height: 100%; }
  .container #top .top-logo {
    width: 30%;
    display: block;
    top: 45%;
    left: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -50%); }
.container #about-us {
  margin-bottom: 10px;
  text-align: center; }
  @media (min-width: 1024px) {
    .container #about-us.item {
      height: 35%; } }
  @media (max-width: 1024px) {
    .container #about-us.item {
      height: 30%; } }
  @media (max-width: 896px) {
    .container #about-us.item {
      height: 30%; } }
  @media (max-width: 480px) {
    .container #about-us.item {
      height: 40%; } }
  @media (max-width: 350px) {
    .container #about-us.item {
      height: 60%; } }
  .container #about-us .title {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 40px; }
    @media (max-width: 480px) {
      .container #about-us .title {
        font-size: 28px;
        margin-bottom: 10px; } }
    @media (max-width: 896px) {
      .container #about-us .title {
        font-size: 30px;
        margin-bottom: 20px; } }
  .container #about-us .body {
    font-size: 25px; }
    @media (max-width: 896px) {
      .container #about-us .body {
        font-size: 20px; } }
    @media (max-width: 480px) {
      .container #about-us .body {
        font-size: 16px; } }
    .container #about-us .body p {
      margin: 0; }
    .container #about-us .body p:last-child {
      margin-top: 30px; }
      @media (max-width: 480px) {
        .container #about-us .body p:last-child {
          margin-top: 15px; } }
.container #company-profile {
  text-align: center; }
  @media (min-width: 1024px) {
    .container #company-profile.item {
      height: 90%; } }
  @media (max-width: 1024px) {
    .container #company-profile.item {
      height: 90%; } }
  @media (max-width: 896px) {
    .container #company-profile.item {
      height: 90%; } }
  @media (max-width: 480px) {
    .container #company-profile.item {
      height: 80%; } }
  @media (max-width: 350px) {
    .container #company-profile.item {
      height: 80%; } }
  @media (max-width: 480px) {
    .container #company-profile .title {
      font-size: 30px; } }
  .container #company-profile ul {
    list-style: none;
    font-size: 25px;
    display: inline-block;
    text-align: left; }
    .container #company-profile ul span:first-child {
      display: inline-block;
      font-weight: bold;
      width: 150px;
      margin-bottom: 50px; }
      @media (max-width: 480px) {
        .container #company-profile ul span:first-child {
          width: 70px; } }
    @media (max-width: 480px) {
      .container #company-profile ul {
        font-size: 18px;
        padding: 0 10px; } }
.container #company-history {
  text-align: center; }
  @media (min-width: 1024px) {
    .container #company-history.item {
      height: 30%; } }
  @media (max-width: 1024px) {
    .container #company-history.item {
      height: 20%; } }
  @media (max-width: 896px) {
    .container #company-history.item {
      height: 28%; } }
  @media (max-width: 480px) {
    .container #company-history.item {
      height: 40%; } }
  @media (max-width: 480px) {
    .container #company-history .title {
      font-size: 30px; } }
  .container #company-history ul {
    list-style: none;
    font-size: 25px;
    display: inline-block;
    text-align: left; }
    .container #company-history ul span:first-child {
      display: inline-block;
      font-weight: bold;
      width: 130px;
      margin-bottom: 20px; }
      @media (max-width: 480px) {
        .container #company-history ul span:first-child {
          width: 70px;
          margin-bottom: 0; } }
    @media (max-width: 480px) {
      .container #company-history ul span:nth-child(2) {
        display: block;
        margin-left: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 480px) {
      .container #company-history ul {
        font-size: 20px;
        padding: 0; } }

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