.maintenance {
		width: 1220px;
		height: auto;
		margin: 3% auto;
	}
	
	.maintenance-box {
		display: flex;
		flex-wrap: wrap;
		margin: 2% auto;
	}
	.maintenance-box-card{
		width: 30%;
		height: auto;
		margin: 1% auto;
		overflow: hidden;
		position: relative;
	}
	.maintenance-box-card .maintenance-box-text{
		content:'';
		width: 100%;
		height:50%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: #00804d;
		font-size: 32px;
	}
	.maintenance-box-card:hover .maintenance-box-text{

		width: 100%;
		height: 80%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		text-align: center;
	}
	.maintenance-box-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-box-text{
        color: white;
		padding: 3% 0%;
		background-color: #00804d;
	}
    .maintenance-box-text h3{
		margin-top: 1%;
         text-align: center;
	}
	.maintenance-box-text hr{
		  width: 20%;
		  height: 4px;
		  background-color: white;
	}
	.maintenance-box-text p{
		width: 95%;
		height: auto;
         text-align: center;
		 margin: 0 auto;
		font-size: 16px;
	}
	
	
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1220px) {
	.maintenance {
		width: 95%;
		height: auto;
		margin: 3% auto;
	}
	
	.maintenance-box {
		display: flex;
		flex-wrap: wrap;
		margin: 2% auto;
	}
	.maintenance-box-card{
		width: 48%;
		height: auto;
		margin: 1% auto;
		overflow: hidden;
		position: relative;
	}
	.maintenance-box::after{
		content: "";
		width: 50%;
	}
	.maintenance-box-card .maintenance-box-text{
		content:'';
		width: 100%;
		height:45%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: #00804d;
		font-size: 32px;
	}
	.maintenance-box-card:hover .maintenance-box-text{

		width: 100%;
		height: 80%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		text-align: center;
	}
	.maintenance-box-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-box-text{
        color: white;
		padding: 3% 0%;
		background-color: #00804d;
	}
    .maintenance-box-text h3{
		margin-top: 3.5%;
         text-align: center;
		 font-size: 36px;
	}
	.maintenance-box-text hr{
		  width: 20%;
		  height: 4px;
		  background-color: white;
	}
	.maintenance-box-text p{
		width: 95%;
		height: auto;
         text-align: center;
		 margin: 0 auto;
		font-size: 16px;
	}
}
@media screen and (max-width: 820px) {
	.maintenance-box-card:hover .maintenance-box-text{

		width: 100%;
		height: 80%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		text-align: center;
	}
	.maintenance-box-text h3{
		margin-top: 3.5%;
         text-align: center;
		 font-size: 28px;
	}
	.maintenance-box-text p{
		width: 95%;
		height: auto;
         text-align: center;
		 margin: 0 auto;
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
	.maintenance-box-card{
		width: 95%;
		height: auto;
		margin: 1% auto;
		overflow: hidden;
		position: relative;
	}
}