.imagen {
  padding: 0 1rem;
  margin: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen img {
  padding-top: 10%;
  width: 20%;
}
.redireccion
{
  margin: auto;
  display: table;

}
h2
{
  float: left;
  position: relative;

}
h2 span
{
  position: absolute;
  right: 0;
  background: white;
  animation: carga 0.8s infinite;
}
@keyframes carga {
  from
  {
    width: 15%;
  }
  to
  {
    width:0;
  }
}


aside
{
  margin:2%;
  padding:1%;
}
.social
{
  padding-top: 5%;
  z-index: 2000;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}

	.social ul {
		list-style: none;
	}

	.social ul li a
  {
    float: left;
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}

	.social ul li .icon-facebook {background:#3b5998;}
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google-plus {background: #d95232;}
	.social ul li .icon-youtube2 {background: #ae181f;}
	.social ul li .icon-mail2 {background: #666666;}

	.social ul li a:hover {
		background: #000;
		padding: 10px 30px 15px 30px;
	}
@media screen and (max-width:480px) {
  .imagen img {
    padding-top: 40%;
    width: 55%;
  }
  .social
  {
    width: 70%;
  }
}
@media only screen and (width:768px) {

  .imagen img {
    padding-top: 40%;
    width: 40%;
  }
  .social
  {
    width: 50%;
  }

}
@media only screen and (width:1024px) {
  .imagen img {
    padding-top: 40%;
    width: 35%;
  }
}


/*section img:hover {
  transition: 6s;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
}

.imagen:hover {
  transition: 6s;
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
}
*/