

.menu-hover-image {
	position: relative;
	z-index: 1;
	padding: 200px 5%;
	list-style: none;
	color: black;
	width: 100%;
	overflow-x: hidden;
}
.menu-hover-image .cursor {
  position: absolute;
  top: -10%;
  left: 5%;
  z-index: -1;
  width: 600px;
  height: 400px;
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}
.menu-hover-image .menu-item:nth-child(1):hover ~ .cursor {
  background-image: url("../images/proyectos/forum/FORUMXV-1.jpg");
}
.menu-hover-image .menu-item:nth-child(2):hover ~ .cursor {
  background-image: url("../images/proyectos/dopamine/MNFST_Book_Dopamine-05.jpg");
}
.menu-hover-image .menu-item:nth-child(3):hover ~ .cursor {
  background-image: url("../images/proyectos/gda/GDA_H02.jpg");
}
.menu-hover-image .menu-item:nth-child(4):hover ~ .cursor {
  background-image: url("../images/proyectos/trancas/0-1.jpg");
}
.menu-hover-image .menu-item:nth-child(5):hover ~ .cursor {
  background-image: url("../images/proyectos/gto/024A9811-2.jpg");
}
.menu-hover-image .menu-item:nth-child(6):hover ~ .cursor {
  background-image: url("../images/proyectos/insmacc/08.jpg");
}
.menu-hover-image .menu-item:nth-child(7):hover ~ .cursor {
  background-image: url("../images/proyectos/Editora/162668220404015.67c2077dd9370.jpg");
}
.menu-hover-image .menu-item:nth-child(8):hover ~ .cursor {
  background-image: url("../images/proyectos/dahood/DaHood_Tarjetas.jpg");
}
.menu-hover-image .menu-item:nth-child(9):hover ~ .cursor {
  background-image: url("../images/proyectos/shankz/4711b6243235329.697d56427b025.jpg.jpg");
}
.menu-hover-image .menu-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  mix-blend-mode: difference;
  transform: translate3d(0, 0, 0);
	margin-bottom: 15px;
}

.menu-hover-image .menu-item h1{
	font-size: 4vw;
	line-height: 4.5vw;
}


@media only screen and (min-width:0px) and (max-width:768px){
	.menu-hover-image .menu-item span{
		display: none;
	}
	
	.menu-hover-image .menu-item h1{
	font-size: 40px;
	line-height: 45px;
}
	
	.cursor{
		display: none;
	}
	
}