.section_xx{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background-color: #E6E6E6;
	padding-bottom:50px;
/*	padding: 100px 100px;
	height: 100%;
	width:100%;*/

}
.card_xx{
	width:65vw;
	margin:auto;
	/*background-color:  #ffc137;*/
	background-color:  #17a2b8;
	/*background-image: linear-gradient(to right top, #17a2b8, #74b6d4, #afcbe6, #dde3f3, #ffffff);*/
	/*background-image: linear-gradient(to right top, #17a2b8, #63b1ce, #93c1de, #bcd1ea, #dde3f3, #dde3f3, #dde3f3, #dde3f3, #bcd1ea, #93c1de, #63b1ce, #17a2b8);*/
	display: flex;
	flex-direction: row;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.image_xx{
	width: 40%;
	background-color: #ddd;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 15px;
	/*padding: 15px 25px 25px 25px;*/
	margin: 15px 15px 25px 15px;
	background: linear-gradient(
    to bottom,
    #FFFFFF 0%,
    #FFFFFF 50%,
    paleturquoise 50%,
    paleturquoise 100%
  );

}
.image_xx img{
	display: block;
	margin: auto;
	max-width:255px;
	object-fit: contain;
	padding:5px;
}
.info_xx{
	color:#8C8B8A;
	width:60%;
	background-color: #FFFFFF;
	/*border-radius: 0px 15px 15px 0px ;*/
	margin: 15px 15px 25px 0px;
	letter-spacing: 0.5px;
	line-height: 25px;

}
.info_xx p{
	display: flex;
	flex-direction: column;
	font-size:18px;
	text-indent: 60px;
	letter-spacing: 1.5px;
	color: #8C8B8A;
	padding: 25px 30px;
}
.exp-title_xx{
	width:65vw;
	font-weight: bold;
	color:#000;
	/*background-color:  #ffc137;*/
	display: flex;
	align-items: center;	
	justify-content: center;
	padding-top: 50px;
	padding-bottom: 25px;
	font-size:21px;
	font-weight: bolder;
	text-decoration: underline;
	text-transform: uppercase;
	margin:auto;
	

}
.exp-subtitle_xx{
	font-size: 18px;
	font-weight: bold;
	background-color: paleturquoise;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 15px;
}
.img-title_xx{
  display: flex;
  flex-direction:column;
  align-items: center;
  text-align: center;
  /*color:#FFFFFF;*/
  
}
#imagename_xx{
	padding-top:5px;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 0.3px;
	color: #8C8B8A;
}
#imagdegree_xx{
	padding-top:2px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.7px;
	color: #000;
}
#imagedegreeby_xx{
	padding-top:3px;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #000;
}
@media only screen and (max-width: 768px) {
	.card_xx, .info_xx, .exp-title_xx{
		width: 100%;
		flex-direction:column;
	}
	.image_xx{
		width:80%;
		margin: 20px auto 0px auto;
		letter-spacing: 0.3px;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	}
	.info_xx{
		width:80%;
		margin: 20px auto 30px auto;
		letter-spacing: 0.3px;
		padding-bottom:25px;
		box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	}
	.info_xx p
	{
		padding: 10px 15px;
		font-size:14px;
		letter-spacing: 0.3px;
	}
	.exp-subtitle_xx{
	   justify-content: center;
	}
}