body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
}
.contenedor {
  width:100%;
  overflow:hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen {
	width:100%;
  height:100vh;
	background: url("../img/fondo.jpg");
	background-position:center;
  background-size: cover;
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.imagen:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}

.mensaje {
  position: absolute;
  font-size: 36px;
  padding: 30px;
  background: rgba(255,255,255,0.1);
  opacity:0;

  width: 40%;
  text-align: center;

  transition: .55s ease-in-out;
  transform: rotate(-45deg) scale(.2);
}


.contenedor:hover .mensaje {
  opacity:1;
  transform: rotate(0) scale(1);
}