.process {
			width: 1220px;
			height: auto;
			margin: 2% auto;
		}
		
		.process-box {
			width: 100%;
			height: 100%;
			margin: 4% auto;
			display: flex;
			flex-flow: row wrap;
		}
		
		.process-card {
			width: 33%;
			height: auto;
			overflow: hidden;
			position: relative;
			margin: 2% auto;
		}
		
		.process-card .process-text {
			color: white;
			width: 95%;
			height: auto;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 77%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 1%;
		}
		
		.process-card:hover .process-text {
			position: absolute;
			top: 25%;
			left: 50%;
		}
		/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
		
		.process-text h3 {
			font-size: 36px;
			text-align: center;
		}
		
		.process-text p {
			margin-top: 10%;
			font-size: 20px;
		}
		
		@media screen and (max-width: 1680px) {
			.process {
				width: 1220px;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: 100%;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 33%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
			}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 78%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 30%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 34px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 18px;
			}
		}
		
		@media screen and (max-width: 1440px) {
			.process {
				width: 1220px;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: 100%;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 33%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
			}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 78%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 30%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 34px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 18px;
			}
		}
		
		@media screen and (max-width: 1280px) {
			.process {
				width: 1220px;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: 100%;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 33%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
			}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 77%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 25%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 36px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 20px;
			}
		}
		
		@media screen and (max-width: 1220px) {
			.process {
				width: 95%;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: auto;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 33%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
			}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 84%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 35%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 24px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 16px;
			}
		}
		
		@media screen and (max-width: 1024px) {
			.process {
				width: 95%;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: auto;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 33%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
			}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 80%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 22%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 24px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 16px;
			}
		}
		
		@media screen and (max-width: 950px) {
			.process {
				width: 95%;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: auto;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
		
			
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 82%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 28%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 18px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 12px;
			}
		}
		
		@media screen and (max-width: 767px) {
			.process {
				width: 95%;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: auto;
				margin: 4% auto;
				display: flex;
				flex-flow: row wrap;
			}
			.process-card {
				width: 45%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
				
			}
			.process-box:after {
				content: "";
				width: 50%;
			}
			
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 82%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
				
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 20%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
		.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}
			.process-text h3 {
				
				font-size: 20px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 11px;
			}
				.process-card img{
				width: 95%;
				height: auto;
				margin: 0 auto;
			}
		}
		
		@media screen and (max-width: 600px) {
			.process {
				width: 95%;
				height: auto;
				margin: 2% auto;
			}
			.process-box {
				width: 100%;
				height: auto;
				margin: 4% auto;
				
			}
			.process-card {
				width: 100%;
				height: auto;
				overflow: hidden;
				position: relative;
				margin: 2% auto;
				text-align: center;
				
			}
			.process-card img{
				width: 95%;
				height: auto;
				margin: 0 auto;
			}
			.process-text {
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 82%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 35%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 24px;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 16px;
			}
		}
		@media screen and (max-width: 300px) {
			.process-card .process-text {
				color: white;
				width: 95%;
				height: auto;
				opacity: 1;
				transform: translateX(-50%);
				position: absolute;
				top: 82%;
				left: 50%;
				z-index: 1;
				transition: all 0.4s ease;
				padding: 1%;
			}
			.process-card:hover .process-text {
				position: absolute;
				top: 35%;
				left: 50%;
			}
			/*.process-text {
			width: 95%;
			height: auto;
			margin: 0 auto;
		}*/
			.process-text h3 {
				font-size: 14px ;
				text-align: center;
			}
			.process-text p {
				margin-top: 10%;
				font-size: 10px;
			}
		}