@font-face {
	font-family: Sahel;
	src: url('../fonts/Sahel.eot');
	src: url('../fonts/Sahel.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sahel.woff') format('woff'),
       url('../fonts/Sahel.ttf') format('truetype');
	font-weight: normal;
}
      
@font-face {
	font-family: Sahel;
	src: url('../fonts/Sahel-Bold.eot');
	src: url('../fonts/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sahel-Bold.woff') format('woff'),
		url('../fonts/Sahel-Bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: Sahel;
	src: url('../fonts/Sahel-Black.eot');
	src: url('../fonts/Sahel-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sahel-Black.woff') format('woff'),
		url('../fonts/Sahel-MedBlackium.ttf') format('truetype');
	font-weight: 900;
}

body {
	direction: rtl;
	padding: 1em;
	font: 11pt/20pt Sahel, sans;
	background: #cfc url( ../img/maple.jpg ) no-repeat fixed center center / cover;
	color: #020;
	position: relative;
}

body:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba( 255, 255, 255, 0.8 );
	z-index: 0;
}

header, main, footer {
	position: relative;
	z-index: 1;
}

main {
	padding: 2em;
	border: 2px solid #080;
	background-color: #fff;
}

footer {
	text-align: center;
	padding: 1em;
}

p {
	margin-top: 0;
}

a {
	color: #040;
	text-decoration: none;
}

h1, h2 {
	color: #040;
	text-align: center;
	margin-top: 0;
}