.eventos{
 display: inline-block;
 width: 70%;
 left: -3%;
 position: relative;
 border: 2px black solid;
 padding: 15px;
 background-color: white;
}

.regresar{
	font-size: 24px;
	color: blue;
}

img.evento{
	width: 25%;
	float: right;
	position: relative;
	border-radius: 20px;
}

.eventos ul{
 text-align: left;
 position: relative;
 margin-left: 3%;
 color: black;
}

.ver_mas{
 text-decoration: none;
 list-style: none;
 width: 40%;
 margin-left: 30%;
 text-align: center;

 background-color: white;
}


li.ver_mas a{
	color: blue;
	font-size: 24px;
}
li.ver_mas a:hover{	
	background-color: white;
}


.eventos a , .eventos_general a{
  color: black;
  font-size: 18px;
}

.eventos a:hover , .eventos_general a:hover{
	color: orange;
	background-color: black;
	padding: 5px;
}

.eventos_general h4{
	color: black;
	font-size: 28px;
	
}

@media screen and (max-width: 900px) {
 .eventos{
  width: 80%;
 }

 .eventos a , .eventos_general a{
  color: black;
  font-size: 16px;
}

 img.evento{
	display: none;
}

 .eventos ul{
  text-align: left;
  position: relative;
  margin-left: 10%;
 }
}
/* link ver_mas responsivo */
@media screen and (max-width: 450px){
 li.ver_mas{
 	width: 80%;
 	position: relative;
 	left: -50px;
 }
}