@charset "UTF-8";
/* PERIPLO */
body {

}
.storyteller {
	height: 250px;
	width: 250px;
	background-image:url("../IMG/iconos/escultor.gif");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
}
h1 {
	text-align: center;
	font-size: 2em;
}
h2 {
	text-align: center;
	font-size: 1.5em;
}
.texto1 {
	column-count: 2;
    column-gap: 30px;
    column-rule: 1px solid;
	padding: 20px;
}

.container {
  	position: relative;
  	width: 75%;
	margin:auto;
}

.image {
  	display: block;
  	width: 100%;
  	height: auto;
}

.overlay {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background-color: #008CBA;
  	overflow: hidden;
  	width: 100%;
  	height: 0;
  	transition: .5s ease;
}

.container:hover .overlay {
  	height: 100%;
}

.text {
  	color: white;
  	font-size: 20px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  			-ms-transform: translate(-50%, -50%);
  	text-align: center;
}