@media screen and (max-width:980px) {
 
.section:hover {
  height: 300px;
}

.he img {
	width: 100%;
	height: 700px;
}

#morning {
  background-image: url("../img/pig.jpg");
/*   height: 300px; */
}

#midday {
  background-image: url("../img/sushi.jpg");
}

#afternoon {
  background-image: url("../img/meal.jpg");
}

#evening {
  background-image: url("../img/paella.jpg");
}

#nightday {
  background-image: url("../img/dessert.jpg");
}

}

@media screen and (max-width:360px) {
 
.section:hover {
  height: 250px;
}

.he img {
	width: 100%;
	height: 400px;
}

#morning {
  background-image: url("../img/pig.jpg");
/*   height: 300px; */
}

#midday {
  background-image: url("../img/sushi.jpg");
}

#afternoon {
  background-image: url("../img/meal.jpg");
}

#evening {
  background-image: url("../img/paella.jpg");
}

#nightday {
  background-image: url("../img/dessert.jpg");
}

}