@font-face { font-family: "Open Sans"; src: url("fonts/OpenSans-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; }
@font-face { font-family: "Open Sans"; src: url("fonts/OpenSans-Italic.ttf") format("truetype"); font-weight:400; font-style:oblique; }
@font-face { font-family: "Open Sans"; src: url("fonts/OpenSans-Bold.ttf") format("truetype"); font-weight:700; font-style:normal; }



body {
	background-color: #ede8d8;
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    margin: 0 auto;
    line-height: 1.3em;
}

/* Scale canvas with resize attribute to full size */
canvas {
    width: 100%;
    height: 100vh;
    z-index: -1;
    position:fixed;
    -webkit-transform:translate3d(0, 0, 0);
    -webkit-transform:translateZ(0);
    left:0px;
    top:0px;

/*-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg); */
}

#canvas-container{
	height:0px;
    overflow:visible;
}

#language_change{
	max-width: 600px;
	margin: 10px auto 0px auto;
	display: block;
	padding: 0 20px 0 20px;
	text-align: right;
}

#language_change_link{
		color: #ede8d8;
		text-decoration: none;
		border-bottom: 0px solid #ede8d8;
		padding: 1px 4px 1px 4px;

}

#language_change a:hover{
			border-bottom: 1.5px solid #ede8d8;	
					color: #ede8d8;
}


#all{
	max-width: 600px;
	margin: 30px auto 200px auto;
	display: block;
	padding: 0 20px 0 20px;
}

#logo {

	max-width: 360px;
}

#logo img{
	max-width: 100%;
	height: auto;
}

#logo:hover{
	cursor:pointer;
}

#menu{
	margin-top: 50px;
	list-style:none;
	text-align:left;

}

#menu-hebrew{
	margin-top: 50px;
	list-style:none;
	text-align:right;

}

#menu li{
	display: inline;
	margin: 0 25px 0 0;
}

#menu-hebrew li{
	display: inline;
	margin: 0 0 0 25px;
}

.menu-item{
	color: #ede8d8;
	font-weight: 400;
	font-size: 140%;
	border-bottom: 0px solid #ede8d8;

}

.menu-item:hover{
	border-bottom: 1.5px solid #ede8d8;
	cursor:pointer;
}


#contact{
	display: none;
	margin-top: 40px;
	color: #323940;

	font-weight: 300;
}

#content{
	margin-top: 30px;
	max-width:600px;
	word-break: normal;

	font-weight: 400;
	color: #323940;
	text-overflow: 1;
	opacity: 1;
	font-size:90%;
}

#content p{
	max-width: 540px;
}

.hebrew{
	font-family: 'Open Sans', sans-serif;
	direction: rtl;
	text-align: right !important;
}

#content img{
	max-width: 100%;
	height:auto;
	z-index: 20;
	position: relative;
	margin: 20px 0;
}


.hidden {
	opacity: 0;
    display: none;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

a:link, a:visited, a:hover{
	color: #323940;
}

div.impressum { 
	position: relative;
	margin-top: 10%;
	bottom:2%;
	color: #999999;
	font-size: 70%;
		border-bottom: 1.5px solid #ede8d8;
	cursor:pointer;
}
div.impressum a:link {
	text-decoration: none;
		color: #999999;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;
}

@media (max-device-width: 800px) {


	.menu-item{
		font-size: 120%;
	}

	#all{
	margin: 20px auto 200px auto;
	}

	#menu{
	margin-top: 20px;
	list-style:none;
	text-align:left;
	}
#content{
	margin-top: 0px;
}
}