.die {
  width: 100px;
  height: 100px;
  background: #ff1111;
  border-radius: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.dot {
  position:absolute;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: white;
  box-shadow: inset 5px 0 10px white;
}

.dot.center {
	/* Orders of margins are: top right bottom left */
  margin: 39px 0 0 41px;
}

.dot.dtop {
  margin-top: 14px;
}

.dot.dleft {
  margin-left: 65px;
}

.dot.dright {
  margin-left: 16px;
}

.dot.dbottom {
  margin-top: 63px;
}

.dot.center.dleft {
  margin: 38px 0 0 16px;
}

.dot.center.dright {
  margin: 38px 0 0 65px;
}

.responsive {
	width: 100%;
	max-width: 740px;
	height: auto;
}

.responsive-qrcode {
	width: 100%;
	max-width: 300px;
	height: auto;
}