<!DOCTYPE html>
<html>
<head>
	<title>שמן זית מקומי</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link href='https://fonts.googleapis.com/css?family=Alef:400,700' rel='stylesheet' type='text/css'>
	<style>
		body {
			position: relative;
			font-family: alef;
			direction: rtl;
			background-size: cover;
			background-repeat: no-repeat;
		}
		body::after {
			position: fixed;
			z-index: 1;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.4);
			content: ""
		}
		.message {
			position: relative;
			z-index: 2;
			width: 50%;
			padding: 10px 20px;
			margin: 150px auto;
			background: rgba(255, 255, 255, 0.9);
			color: #333;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
			text-align: center;
		}
		h1 {
			font-size: 32px;
			font-weight: normal;
		}
		p {
			font-size: 24px;
		}

		@media (min-width: 768px) {
			body {
				background-image: url(closed-desktop.jpg);
			}
		}

		@media (max-width: 767px) {
			body {
				background-image: url(closed.jpg);
			}
		}
	</style>
</head>
<body>
<div class="message">
	<h1>האתר נסגר</h1>
	<p>עליזה יתום<br/>050-9919150</p>
</div>
</body>
</html>