main {

  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%;
    }

  }

}