/* 19_01 e2 html */

  .one {
    top: 50%; left: 15%;}
  .two {
    top: 48%; left: 52%;}
  .three {
    left: 74%; top: 45%;}
  .four {
    left: 13%; top: 82%;}
  .five {
    left: 48%; top: 90%;}
  .six {
    left: 64%; top: 78%;}


  .seven {
    top: 15%; left: 15%;}
  .eight {
    top: 48%; left: 52%;}
  .nine {
    left: 74%; top: 45%;}
  .ten {
    left: 13%; top: 82%;}
  .eleven {
    left: 48%; top: 90%;}
  .twelve {
    left: 64%; top: 78%;}
  .thirteen {
    left: 78%; top: 50%;}


    @media screen and (max-width: 640px) {
      .red-dot.small {
        width: 20px; height: 20px;
          padding: 0.25em 0.4em;
      }
      .one {
        top: 46%; left: 14%;}
      .four {
        left: 9%; top: 80%;}
        .five {
          left: 44%; top: 84%;}
    }