/* Variables */
/* Calculations */
/* Mixin */
/* Media Query */
@media only screen and (max-width: 700px) {
  .mosaic-tile {
    width: 32%;
    padding-bottom: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: 0;
    margin-top: 0; }

  .mosaic-tile:nth-child(3n) {
    margin-right: 0; }

  .mosaic-tile:nth-child(3n+1) {
    margin-left: 1%; }

  .mosaic-tile:nth-child(-n+4) {
    margin-top: 1%; }

  /* Width */
  .mosaic-tile.width-2 {
    width: 65%; }

  .mosaic-tile.width-3 {
    width: 98%; }

  .mosaic-tile.width-4 {
    width: 98%; }

  .mosaic-tile.width-5 {
    width: 98%; }

  .mosaic-tile.width-6 {
    width: 98%; }

  .mosaic-tile.width-7 {
    width: 98%; }

  .mosaic-tile.width-8 {
    width: 98%; }

  .mosaic-tile.width-9 {
    width: 98%; }

  .mosaic-tile.width-10 {
    width: 98%; }

  /* Height */
  .mosaic-tile.height-2 {
    padding-bottom: 65%; }

  .mosaic-tile.height-3 {
    padding-bottom: 98%; }

  .mosaic-tile.height-4 {
    padding-bottom: 131%; }

  .mosaic-tile.height-5 {
    padding-bottom: 164%; }

  .mosaic-tile.height-6 {
    padding-bottom: 197%; }

  .mosaic-tile.height-7 {
    padding-bottom: 230%; }

  .mosaic-tile.height-8 {
    padding-bottom: 263%; }

  .mosaic-tile.height-9 {
    padding-bottom: 296%; }

  .mosaic-tile.height-10 {
    padding-bottom: 329%; } }