<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Expires" content="0">
</head>
<body>
	<div class="container">
		<div class="oops">
			<img src="/img-sys/suspend/oops.svg" alt="oops">
			<div class="text">Ooops...</div>
		</div>

		<div class="main">
			<div class="title">This site has been suspended</div>

			<div class="description">Reach out to your hosting provider to find out why your site has been suspended</div>
		</div>
	</div>

	<style>
		@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono:wght@700&display=swap');

		html {
			height: 100%;
		}

		body {
			margin: 0;
			height: 100%;
			background: #276FDB;
		}

		.container {
			position: relative;
			padding: 0 140px;
			height: 100%;
			display: flex;
			align-items: center;
		}

		.oops {
			position: absolute;
			top: 100px;
		}

		.text {
			margin: 10px 0 0 0;
			font-family: 'Roboto Mono';
			font-style: normal;
			font-weight: 700;
			font-size: 32px;
			color: #fff;
		}

		.title {
			font-family: 'Roboto Mono', monospace;
			font-style: normal;
			font-weight: 700;
			font-size: 62px;
			line-height: 88px;
			color: #fff;
			max-width: 860px;
		}

		.description {
			margin: 50px 0 0 0;
			font-family: 'Roboto';
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 24px;
			color: #FCF9CC;
			max-width: 320px;
		}

		@media (max-width: 991px) {
			body {
				padding: 0px 20px;
			}

			.oops {
				top: 50px;
			}

			.container {
				padding: 0;
			}

			.text {
				font-size: 26px;
				max-width: 100%;
			}

			.title {
				font-size: 38px;
				line-height: 54px;
				max-width: 100%;
			}

			.description {
				margin: 20px 0 0 0;
			}
		}
	</style>
</body>
</html>
