.virtualContainer{
	background-color:rgba(240,240,240,0.4);
	width:100%;
	float:left;
	clear:both;
	box-shadow:1px 1px 2px 2px rgba(210,210,210,0.5), -1px -1px 2px 2px rgba(210,210,210,0.5);
	border-radius:10px;
	
}
.leftPart{
	float:left;
	width:50%;
	padding:10px;
}
.perspectiveRPart{
	perspective:300px;
	float:left;
	width:40%;
}
.rightPart{
	float:left;
	width:100%;
	transform:rotatey(-10deg);
	transition:transform 1s ease-in-out;
	-webkit-transition:transform 1s ease-in-out;
}
.rightPart:hover{
	float:left;
	width:100%;
	transform:rotatey(0deg);
}

.moreButton{
	padding:8px 16px;
	border-radius:20px;
	background-color:rgba(15,157,88,1);
	color:white;
	border:1px solid rgba(15,157,88,1);
	box-shadow:5px 5px 10px 0px rgba(200,200,200,1);
	text-decoration:none !important;
}
.moreButton:hover{
	background-color:white;
	color:rgba(15,157,88,1);
	box-shadow:3px 3px 10px 0px rgba(200,200,200,1);
}	
@media screen and (max-width:600px)
{
.virtualContainer{
	background-color:rgba(240,240,240,0.4);
	width:100%;
	float:left;
	clear:both;
	box-shadow:1px 1px 2px 2px rgba(210,210,210,0.5), -1px -1px 2px 2px rgba(210,210,210,0.5);
	border-radius:10px;
	margin:20px 0px;
}
.leftPart{
	border-bottom:1px solid rgba(210,210,210,0.5);
	width:100%;
	float:left;
}
.perspectiveRPart{
	perspective:300px;
	width:100%;
}
.rightPart{
	float:left;
	width:80%;
	transform:rotatey(-10deg);
	transition:transform 1s ease-in-out;
}
.rightPart:hover{
	float:left;
	width:80%;
	transform:rotatey(0deg);
}
.rightPart{
	transform:rotatey(0deg);
}
.rightPart:hover{
	transform:rotatey(0deg);
}
}

.courseContainer{
	width:100%;
	padding:10px 20px;
	height:auto;
	float:left;
}	
.part1, .part2, .part3{
	width:230px;
	float:left;
	height:350px;
	margin:1%;
	box-shadow:-3px -3px 5px 0px rgba(230,230,230,0.8), 3px 3px 5px 0px rgba(230,230,230,0.8);	
	border-radius:10px 10px 0px 0px;
}
@media screen and (max-width:620px){
.part1, .part2, .part3{
	width:100%;
	float:left;
	height:320px;
	margin:1%;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow:-3px -3px 5px 0px rgba(230,230,230,0.8), 3px 3px 5px 0px rgba(230,230,230,0.8);	
	border-radius:10px 10px 0px 0px;
}
}
.headingCourse{
	display:block;
	font-size:18px;
}
.heading3Home{
	background-color:rgba(15,157,88,1);
	color:white;
	border-radius:10px 10px 0px 0px;
	padding:6px
	font-size:22px;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}
.textCont{
	padding:8px;
}
.getLink{
	padding:8px;
	border-radius:5px;
	background-color:rgba(15,157,88,1);
	color:white;
	text-align:center;
	box-shadow:5px 5px 10px 0px rgba(200,200,200,0.8);
	border:1px solid rgba(15,157,88,1);
	text-decoration:none !important;
}
.getLink:hover{
	color:rgba(15,157,88,1);
	background-color:white;
}