@charset "UTF-8";
/* CSS Document */
body {
    /* display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; */
    font-family: Comfortaa;
}

 div.container {
      min-width: 285px;
      max-width: 720px;
      margin: auto;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    div.gallery {
      border: 1px solid #ccc;
    }

    div.gallery:hover {
      border: 1px solid #777;
    }

    div.gallery img {
      width: 100%;
      height: auto;
    }

    * {
      box-sizing: border-box;
    }

    .responsive {
      padding: 0 6px;
      float: left;
      width: 24.99999%;
    }

    @media only screen and (max-width: 700px) {
      .responsive {
        width: 49.99999%;
        margin: 6px 0;
      }
    }

    @media only screen and (max-width: 500px) {
      .responsive {
        width: 100%;
      }
    }


@media screen and (max-width: 375px) {
table td.parent {
	width: 50%;text-align: center; font-size: 10px;
}
}

@media screen and (min-width: 376px) and (max-width: 550px) {
table td.parent {
	width: 50%;text-align: center; font-size: 12px;
}
}

@media screen and (min-width: 551px) {
table td.parent {
	width: 50%;text-align: center; font-size: 18px;
}
}