*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#Elv-com{
	display: flex;
	width: 80%;
	margin: auto;
	gap: 20px;
  animation-name: Elvcom; /* Name of the @keyframes rule */
  animation-duration: 3s; /* How long the animation takes to complete */
  animation-iteration-count: 1; /* How many times it should run (or 'infinite') */
  animation-delay: 1s; /* Delay before the animation starts */
}
@media only screen and (max-width: 1240px){
#Elv-com{
	display: flex;
	width: 100%;
	margin: auto;
	gap: 10px;	
}
}
@media only screen and (max-width: 740px){
#Elv-com{
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: auto;
	gap: 10px;	
}
}
@keyframes Elvcom{
	from{
		width: 0%;
		height: 0%;
	}
	to{
		width: 80%;
		height: auto;
	}
}

/*End of General*/







/*Case One*/
.Elvcom-one{
flex: 1.5;
margin: 0px 0px 80px 0px;
width: 100%;
}
.Elvcom-one img{
	width: 100%;
	height: 70%;
	cursor: pointer;
}
.Elvcom-one img:hover{
	width: 95%;
	height: 70%;
	transition: all 0.7s ease-in-out;
}
.Elvcom-one p{
	background-color: black;
	color: white;
	text-align: center;
	font-size: 30px;
	border-radius: 10px;
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 20px 0px;
}
.Elvcom-one h1{
	font-size: 20px;
	color: gray;
	margin: 0px 0px 20px 0px;
}
.Elvcom-one a{
	text-align: right;
	background-color: brown;
	color: white;
	padding: 6px 20px 6px 20px;
	font-size: 24px;
	text-decoration: none;
	float: right;
}
.Elvcom-one a:hover{
	background-color: black;
	text-decoration: underline;
	color: brown;
	padding: 6px 20px 6px 20px;
	font-size: 24px;
	text-decoration: none;
	float: right;
}

/*End of Case one*/










/*Case two*/
/*Case One*/
.Elvcom-two{
flex: 1.5;
margin: 0px 0px 80px 0px;
width: 100%;
}
.Elvcom-two img{
	width: 100%;
	height: 70%;
	cursor: pointer;
}
.Elvcom-two img:hover{
	width: 110%;
	height: 80%;
	transition: all 0.7s ease-in-out;
}
.Elvcom-two p{
	background-color: black;
	color: white;
	text-align: center;
	font-size: 30px;
	border-radius: 10px;
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 20px 0px;
}
.Elvcom-two h1{
	font-size: 20px;
	color: gray;
	margin: 0px 0px 20px 0px;
}
.Elvcom-two a{
	text-align: right;
	background-color: brown;
	color: white;
	padding: 6px 20px 6px 20px;
	font-size: 24px;
	text-decoration: none;
	float: right;
}
.Elvcom-two a:hover{
	background-color: black;
	text-decoration: underline;
	color: brown;
	padding: 6px 20px 6px 20px;
	font-size: 24px;
	text-decoration: none;
	float: right;
}
/*End of Case two*/