.maintenance {
		width: 64%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 3% auto;
	}
	
	.maintenance-card {
		width: 30%;
		height: auto;
		margin: 2% auto;
		text-align: center;
		color: white;
		overflow: hidden;
		position: relative;
	}
	
	.maintenance-card:before {
		content: '';
		background-color: #c50d2f;
		width: 100%;
		height: 30%;
		opacity: 1;
		position: absolute;
		top: 85%;
		left: 0;
		z-index: 1;
		transition: all 0.4s ease;
	}
	
	.maintenance-card:hover:before {
		height: 300px;
		position: absolute;
		top: 35%;
		left: 0;
		border-radius: 0px 0px 0 0;
		box-shadow: 0 0 20px #000;
		opacity: 0.9;
	}
	
	.maintenance-card .maintenance-text {
		color: #fff;
		text-align: center;
		width: 100%;
		padding: 0 30px;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 2%;
	}
	
	.maintenance-card:hover .maintenance-text {
		position: absolute;
		top: 35%;
		left: 50%;
	}
	
	.maintenance-text hr {
		width: 15%;
		height: 3px;
		border-radius: 2px;
		background: white;
	}
	
	.maintenance-text h3 {
		margin-top: 5%;
		font-size: 28px;
	}
	
	.maintenance-text p {
		margin-top: 8%;
		font-size: 20px;
	}
	@media screen and (max-width: 1680px) {
		.maintenance{
		width: 73%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		margin: 3% auto;
	}
	
	.maintenance-card {
		width: 30%;
		height: auto;
		margin: 2% auto;
		text-align: center;
		color: white;
		overflow: hidden;
		position: relative;
	}
	
	.maintenance-card:before {
		content: '';
		background-color: #c50d2f;
		width: 100%;
		height: 30%;
		opacity: 1;
		position: absolute;
		top: 85%;
		left: 0;
		z-index: 1;
		transition: all 0.4s ease;
	}
	
	.maintenance-card:hover:before {
		height: 300px;
		position: absolute;
		top: 35%;
		left: 0;
		border-radius: 0px 0px 0 0;
		box-shadow: 0 0 20px #000;
		opacity: 0.9;
	}
	
	.maintenance-card .maintenance-text {
		color: #fff;
		text-align: center;
		width: 100%;
		padding: 0 30px;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 2%;
	}
	
	.maintenance-card:hover .maintenance-text {
		position: absolute;
		top: 35%;
		left: 50%;
	}
	
	.maintenance-text hr {
		width: 15%;
		height: 3px;
		border-radius: 2px;
		background: white;
	}
	
	.maintenance-text h3 {
		margin-top: 5%;
		font-size: 28px;
	}
	
	.maintenance-text p {
		margin-top: 8%;
		font-size: 20px;
	}
	}
	@media screen and (max-width: 1440px) {
		.maintenance {
			width: 85%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			margin: 3% auto;
		}
		.maintenance-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			text-align: center;
			color: white;
			overflow: hidden;
			position: relative;
		}
		.maintenance-card:before {
			content: '';
			background-color: #c50d2f;
			width: 100%;
			height: 30%;
			opacity: 1;
			position: absolute;
			top: 85%;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease;
		}
		.maintenance-card:hover:before {
			height: 300px;
			position: absolute;
			top: 35%;
			left: 0;
			border-radius: 0px 0px 0 0;
			box-shadow: 0 0 20px #000;
			opacity: 0.9;
		}
		.maintenance-card .maintenance-text {
			color: #fff;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 80%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
		}
		.maintenance-card:hover .maintenance-text {
			position: absolute;
			top: 35%;
			left: 50%;
		}
		.maintenance-text hr {
			width: 15%;
			height: 3px;
			border-radius: 2px;
			background: white;
		}
		.maintenance-text h3 {
			margin-top: 5%;
			font-size: 28px;
		}
		.maintenance-text p {
			margin-top: 8%;
			font-size: 16px;
		}
	}
	@media screen and (max-width: 1280px){
			.maintenance {
			width: 95%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			margin: 3% auto;
		}
		.maintenance-card {
			width: 30%;
			height: auto;
			margin: 2% auto;
			text-align: center;
			color: white;
			overflow: hidden;
			position: relative;
		}
		.maintenance-card:before {
			content: '';
			background-color: #c50d2f;
			width: 100%;
			height: 30%;
			opacity: 1;
			position: absolute;
			top: 85%;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease;
		}
		.maintenance-card:hover:before {
			height: 300px;
			position: absolute;
			top: 40%;
			left: 0;
			border-radius: 0px 0px 0 0;
			box-shadow: 0 0 20px #000;
			opacity: 0.9;
		}
		.maintenance-card .maintenance-text {
			color: #fff;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 80%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
		}
		.maintenance-card:hover .maintenance-text {
			position: absolute;
			top: 40%;
			left: 50%;
		}
		.maintenance-text hr {
			width: 15%;
			height: 3px;
			border-radius: 2px;
			background: white;
		}
		.maintenance-text h3 {
			margin-top: 5%;
			font-size: 28px;
		}
		.maintenance-text p {
			margin-top: 8%;
			font-size: 20px;
		}
	}
	@media screen and (max-width: 1024px) {
		.maintenance-card {
			width: 800px;
			height: auto;
			margin: 2% auto;
			text-align: center;
			position: relative;
		}
		.maintenance-text h3 {
			margin-top: 8%;
			font-size: 28px;
		}
		.maintenance-text p {
			margin-top: 8%;
			font-size: 20px;
		}
		.maintenance-card:before {
			content: '';
			background-color: #c50d2f;
			width: 100%;
			height: 30%;
			opacity: 1;
			position: absolute;
			top: 85%;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 3%;
		}
		.maintenance-card:hover:before {
			height: 300px;
			position: absolute;
			top: 70%;
			left: 0;
			border-radius: 0px 0px 0 0;
			box-shadow: 0 0 20px #000;
			opacity: 0.9;
		}
		.maintenance-card .maintenance-text {
			color: #fff;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 80%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
		}
		.maintenance-card:hover .maintenance-text {
			position: absolute;
			top: 65%;
			left: 50%;
		}
		.maintenance-card img {
			width: 800px;
			height: auto;
		}
		/*.maintenance-text {
			padding: 3%;
			height: 85px;
			background-color: #c50d2f;
			position: relative;
			top: -8.5%;
			transition: 3s;
		}
		.maintenance-text:hover {
			height: 200px;
			background-color: #c50d2f;
			position: relative;
			top: -16%;
		}*/
	}
	
	@media screen and (max-width: 600px) {
		.maintenance-card {
			width: 500px;
			height: auto;
			margin: 2% auto;
			text-align: center;
			position: relative;
		}
		.maintenance-card:before {
			content: '';
			background-color: #c50d2f;
			width: 100%;
			height: 30%;
			opacity: 1;
			position: absolute;
			top: 85%;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease;
		}
		.maintenance-card:hover:before {
			height: 300px;
			position: absolute;
			top: 65%;
			left: 0;
			border-radius: 0px 0px 0 0;
			box-shadow: 0 0 20px #000;
			opacity: 0.9;
		}
		.maintenance-card .maintenance-text {
			color: #fff;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 82.5%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
		}
		.maintenance-card:hover .maintenance-text {
			position: absolute;
			top: 65%;
			left: 50%;
		}
		.maintenance-text h3 {
			margin-top: 15px;
			font-size: 18px;
		}
		.maintenance-text p {
			margin-top: 10%;
			font-size: 12px;
		}
	}
	
	@media screen and (max-width:420px) {
		.maintenance-card:before {
			content: '';
			background-color: #c50d2f;
			width: 100%;
			height: 30%;
			opacity: 1;
			position: absolute;
			top: 85%;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease;
		}
		.maintenance-card:hover:before {
			height: 300px;
			position: absolute;
			top: 55%;
			left: 0;
			border-radius: 0px 0px 0 0;
			box-shadow: 0 0 20px #000;
			opacity: 0.9;
		}
		.maintenance-card .maintenance-text {
			color: #fff;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 80%;
			left: 50%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
		}
		.maintenance-card:hover .maintenance-text {
			position: absolute;
			top: 50%;
			left: 50%;
		}
		.maintenance-text h3 {
			margin-top: 15px;
			font-size: 14px;
		}
		.maintenance-text p {
			margin-top: 10%;
			font-size: 12px;
		}
	}