* {
  box-sizing: 
  border-box;
}

.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 400px; 
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.circle{
	position: absolute;
	display: inline-block;
	width:100px;
	height:100px;
	border-radius:50%; 
	z-index:2;
	top: 0;
	left:0;
}

#one{
	top: 20%;
	left: 10%;
}
#two{
	top: 210px;
	left: 400px;
}

#three{
	top: 100px;
	left: 800px;
}
#four{
	top: 85px;
	left: 1100px;
}
#five{
	top:1050px;
	left:160px;
}
#six{
	top: 1050px;
	left: 360px;
}
#seven{
	top: 900px;
	left: 800px;
}

#eight{
	top: 45%;
	left: 1000px;
}
#nine{
	top: 600px;
	left: 1050px;
}
#ten{
	top: 600px;
	left: 777px;
}
#eleven{
	top: 500px;
	left:100px;
}
#twelve{
	top: 667px;
	left: 368px;

.rowCir{

 	width: 100%;
}