/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-centerhov {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-centerhov {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.head
{
	padding: 20px;
	margin: 10px;
}

.rotate-center {
	display: inline-block;
	-webkit-animation: rotate-center 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s 2 both;
	        animation: rotate-center 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s 2 both;
}

.rotate-centerd:hover {
	display: inline-block;
	-webkit-animation: rotate-centerhov 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.2s both;
	        animation: rotate-centerhov 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.2s both;
}


.iconoround
{
	position: relative;
	width: 8vw;
	height: 8vw;
	border-radius: 50%;
	background: #449CD2;
}

.icono
{
	position:absolute;
	top:50%; left:50%;
	transform: translate(-50%, -50%);
	margin:0;
}