main.mod_home_visitor {

  section.brand-intro {

    margin-top: 5rem;

    text-align: center;

    .brand-intro-name {

      display: inline-block;
      padding-bottom: 0.25rem;

      font-family: "Ubuntu Min", sans-serif;
      font-size: 6.3vw;
      font-weight: 400;
      line-height: 0.9;
      white-space: nowrap;

      border-bottom: 0.18rem solid var(--baseDecoration);

    }

    .brand-intro-slogan {

      margin-top: 0.45rem;
      margin-bottom: 5rem;

      font-family: "Ubuntu Min", sans-serif;
      font-size: 2.95vw;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0.04em;

    }

    > p {
        width: min(85%, 48rem);
        margin: 0 auto 1.2rem;
        line-height: 1.6;
        text-align: center;
        hyphens: none;
    }

    @media only screen and (max-width: 711px) {

      /* padding: 4rem 1rem 2.5rem; */

      .brand-intro-name {
        font-size: 9.4vw;
      }

      .brand-intro-slogan {
        margin-top: 0.3rem;
        font-size: 4.7vw;
      }

    }

  }







  div.domain {

    margin: 2rem auto;
    width:  70%;

    img.logo {
      height: auto;
      margin: 4rem auto 5rem auto;
      width: 86%;
    }

    p {
      margin:         0 auto;
      text-align:     center;
      font-weight:    bold;
      font-size:      1.7rem;
      letter-spacing: 0.1rem;
    }

  }

  p {
    margin:     2rem auto 1rem auto;
    width:      80%;
    text-align: center;
  }

  div.holdings {

    margin: 3rem auto 2rem auto;
    width: 70%;

    img { margin: 2rem auto 1rem auto; width: 50%; }

    p { font-size: 80%; text-align: justify; width: 100%; }

  }

}


@media only screen and (max-width: 767px) {

  main div.domain {

    margin: 2rem auto;
    width:  70%;

    img {
      margin: 2rem auto 0 auto;
    }

    p {
      margin:         0.2rem auto 0 auto;
      text-align:     center;
      letter-spacing: 0.1rem;
      width:          100%;

      font-weight:    bold;
      font-size:      1rem;
    }

    img:last-of-type {
      margin: 2rem auto 2rem auto;
      width:  46%;
    }

  }

}


@media  only screen and (max-width: 479px) {

  article > p { width: 90%; }

  main div.domain {

    margin: 2rem auto;
    width:  80%;

    img.logo {
      margin: 2em auto 0 auto;
    }

    p {
      margin:         0.2rem auto 0 auto;
      text-align:     center;
      font-weight:    bold;
      font-size:      1.2rem;
      letter-spacing: 0.1rem;
      width:          100%;
    }

    img.lion {
      margin: 2rem auto 2rem auto;
      width: 33%;
    }

  }

}