.circle{

	text-align: center;
}


/*    R  c  */


.r .glyphicon:hover {
  background: #0099ff;
  color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/*background: -webkit-radial-gradient(black 10%, #000000 60%); 
  background: -o-radial-gradient(black 10%, #000000 60%);
  background: -moz-radial-gradient(black 10%, #000000 60%);
  background: radial-gradient(black 10%, #000000 60%);  */
}

.r .glyphicon {
  color: #0099ff;
background: #ffffff;
  font-size: 6rem;
  float:center;
border: 2px solid #0099ff;
	border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/* background: -webkit-radial-gradient(#ffffff 10%, grey 60%);
  background: -o-radial-gradient(#ffffff 10%, grey 60%); 
  background: -moz-radial-gradient(#ffffff 10%, grey 60%); 
  background: radial-gradient(#ffffff 10%, grey 60%);   */

}


/*    R2 m   */


.r2 .glyphicon:hover {
  background: #ff0099;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/*background: -webkit-radial-gradient(black 10%, #000000 60%); 
  background: -o-radial-gradient(black 10%, #000000 60%);
  background: -moz-radial-gradient(black 10%, #000000 60%);
  background: radial-gradient(black 10%, #000000 60%);  */
}

.r2 .glyphicon {
  color: #ff0099;
  /*background: #77251D;*/
  font-size: 6rem;
  float:center;
border: 2px solid #ff0099;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/* background: -webkit-radial-gradient(#ffffff 10%, grey 60%); 
  background: -o-radial-gradient(#ffffff 10%, grey 60%);
  background: -moz-radial-gradient(#ffffff 10%, grey 60%);
  background: radial-gradient(#ffffff 10%, grey 60%);   */

}

/*    R3  y  */


.r3 .glyphicon:hover {
  background: #ffff00;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/*background: -webkit-radial-gradient(black 10%, #000000 60%); 
  background: -o-radial-gradient(black 10%, #000000 60%);
  background: -moz-radial-gradient(black 10%, #000000 60%);
  background: radial-gradient(black 10%, #000000 60%);  */
}

.r3 .glyphicon {
  color: #ffff00;
  /*background: #77251D;*/
  font-size: 6rem;
  float:center;
border: 2px solid #ffff00;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
 /*background: -webkit-radial-gradient(#ffffff 10%, grey 60%);
  background: -o-radial-gradient(#ffffff 10%, grey 60%); 
  background: -moz-radial-gradient(#ffffff 10%, grey 60%); 
  background: radial-gradient(#ffffff 10%, grey 60%); */

}

/*    R4  k  */


.r4 .glyphicon:hover {
  background: #000000;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/*background: -webkit-radial-gradient(black 10%, #000000 60%); 
  background: -o-radial-gradient(black 10%, #000000 60%);
  background: -moz-radial-gradient(black 10%, #000000 60%);
  background: radial-gradient(black 10%, #000000 60%);  */
}

.r4 .glyphicon {
  color: #000000;
  /*background: #77251D;*/
  font-size: 6rem;
  float:center;
border: 2px solid black;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  padding: 45px 45px;
/* background: -webkit-radial-gradient(#ffffff 10%, grey 60%); 
  background: -o-radial-gradient(#ffffff 10%, grey 60%); 
  background: -moz-radial-gradient(#ffffff 10%, grey 60%); 
  background: radial-gradient(#ffffff 10%, grey 60%);  */

}


.fa {
  color: #ffcc00;
  /*background: #77251D;*/
  font-size: 1.6rem;
  float:center;
  padding-right: 0.5rem;}