/*
 * Template Name: Maintenance 1 Template
 * Author: @vitatemplates
*/

body {
	overflow-x: hidden;
}
.wrapper {
	height: 100vh;
	display: flex;
	align-items: center;
}
.wrapper h3 {
	color: #777;
}
.square {
	width: 300px;
	height: 300px;
	overflow: hidden;
	margin-top: 80px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 35px;
}
.square .video {
	width: 150%;
	height: 150%;
	margin-left: -25%;
	margin-top: -25%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.square .video:before {
	background-color: rgba(114, 192, 44, 0.7);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.square .video #video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.square .text {
	position: absolute;
	z-index: 10;
	top: 120px;
	text-align: center;
	left: 0;
	right: 0;
	color: #fff;
}
.square .text a {
	color: #fff;
	text-decoration: none;
}
.square .text a:hover {
	color: #000;
}

@media (max-width: 992px) {
.wrapper h1 {
	font-size: 1rem;
}
.wrapper h3 {
	font-size: 1rem;
}
.square {
	width: 180px;
	height: 180px;
	margin-top: 40px;
}
.square .text {
	top: 55px;
}
.square .text .alert {
	font-size: 2rem !important;
	margin-bottom: 0rem !important;
}
.square .text h4 {
	font-size: 1rem;
}
.square .text .media {
	margin-top: -20px !important;
}
.square .text ul li {
	margin: 0 6px !important;
}
.square .text ul li a {
	padding: .1rem .2rem !important;
	font-size: .8rem;
}
}

/*# sourceMappingURL=maintenance-1.css.map */