div.circle {
	display: table;
	height: 100vh;
	width: 100%;
	margin: 0px;
}
div.grid {
	margin-top: 150px;
	padding-bottom: 5vh;
}
div.row {
	height: 25vh;
	margin: 0 auto;
	float: none;
	background-color: transparent;
}
div.cell {
	width: 9vw;
	height: 9vw;
	margin-left: 2vw;
	margin-bottom: 2vw;
	border-radius: 5%;
	float: left;
	transition: 1s;
	cursor: pointer;
}
.sideB p {
	color: white;
	font-size: 100%;
	position: relative;
	text-align: center;
	margin-top: 40%;
	line-height: 1em;
}
#europaragraph {
	margin-top: 25%;
}
#mkhszparagraph {
	margin-top: 25%;
}
#kitnetlogo {
	width: 70%;
	margin-top: 20%;
	margin-left: 13%;
}
#teleunionlogo {
	margin-top: 20%;
}
#mkhszlogo {
	margin-top: 20%;
}
#weneedyou {
	margin-top: -20%;
}
.cell div {
	position:absolute;
	width: 9vw;
	height: 9vw;
	padding-left: 1px;
	padding-right: 1px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 10%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 1s;
	-webkit-box-shadow: 0px 0px 10px #aaa;
       -moz-box-shadow: 0px 0px 10px #aaa;
        -ms-box-shadow: 0px 0px 10px #aaa;
         -o-box-shadow: 0px 0px 10px #aaa;
	        box-shadow: 0px 0px 10px #aaa;
}
.cell span.flags {
	visibility: hidden;
}
.cell_active {
	-webkit-box-shadow: 0px 0px 10px #049edd;
       -moz-box-shadow: 0px 0px 10px #049edd;
        -ms-box-shadow: 0px 0px 10px #049edd;
         -o-box-shadow: 0px 0px 10px #049edd;
	        box-shadow: 0px 0px 10px #049edd;
}
.sideA img {
	width: 100%;
	margin-top: 33%;	
}
.back{
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
}
.front{
	-webkit-transform: perspective( 600px ) rotateY( 180deg );
	transform: perspective( 600px ) rotateY( 180deg );
}
.turn_back {
	-webkit-transform: perspective( 600px ) rotateY( -180deg );
	transform: perspective( 600px ) rotateY( -180deg );
}
.turn_front {
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
}

@media all and (max-width: 1024px) {
	div.cell {
		width: 17vw;
		height: 17vw;
	}
	.cell div {
		width: 17vw;
		height: 17vw;
	}
	/*.sideB {
		border: 1px solid lime;
	}*/
	.sideB p {
		font-size: 130%;
	}
}
@media all and (max-width: 768px) {
	.sideB p {
		font-size: 100%;
	}
}
@media all and (max-width: 550px) {
	div.cell {
		width: 22vw;
		height: 22vw;
	}
	.cell div {
		width: 22vw;
		height: 22vw;
	}
}
@media all and (max-width: 420px) {
	div.cell {
		width: 29vw;
		height: 29vw;
	}
	.cell div {
		width: 29vw;
		height: 29vw;
	}
	.sideB p {
		font-size: 90%;
	}
}