body {
	background-color: #212121;
	text-align: center;
	color: #eeeeee;
	font-family: "Roboto", sans-serif;
}
::-webkit-scrollbar { 
    display: none; 
}
:root {
--h1-font-size: 4.64rem;
--h2-font-size: 3.56rem;
--h3-font-size: 2.92rem;
--h4-font-size: 2.28rem;
--h5-font-size: 1.64rem;
--h6-font-size: 1.00rem;
--background-color-var: #212121;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 	{
	font-size: var(--h1-font-size);
	line-height: calc(var(--h1-font-size)*1.1);
	margin: calc(var(--h1-font-size) / 2) 0 calc(var(--h1-font-size) / 2.5) 0;
    font-family: 'Alegreya SC';
    text-align: center;
}
h2 	{ font-size: var(--h2-font-size); line-height: calc(var(--h2-font-size)*1.1); margin: calc(var(--h2-font-size) / 2) 0 calc(var(--h2-font-size) / 2.5) 0;}
h3 	{ font-size: var(--h3-font-size); line-height: calc(var(--h3-font-size)*1.1); margin: calc(var(--h3-font-size) / 2) 0 calc(var(--h3-font-size) / 2.5) 0;}
h4 	{ font-size: var(--h4-font-size); line-height: calc(var(--h4-font-size)*1.1); margin: calc(var(--h4-font-size) / 2) 0 calc(var(--h4-font-size) / 2.5) 0;}
h5 	{ font-size: var(--h5-font-size); line-height: calc(var(--h5-font-size)*1.1); margin: calc(var(--h5-font-size) / 2) 0 calc(var(--h5-font-size) / 2.5) 0;}
h6 	{ font-size: var(--h6-font-size); line-height: calc(var(--h6-font-size)*1.1); margin: calc(var(--h6-font-size) / 2) 0 calc(var(--h6-font-size) / 2.5) 0;}
a	{color:#e65100; text-decoration-line: none;}

@media only screen and (max-width: 48em) {
	#Desktop {visibility: hidden; display: none;}
  .Desktop {visibility: hidden; display: none;}
	#DesktopAndMobile {position: sticky; background-color: var(--background-color-var); top: -1px; left: 0em;}
	.SmallerOnMobile {
		--h1-font-size: 60px;
		--h1-font-size: 3.50rem;
		--h1-font-size: 17vmin;
	}
/*  .MobileSticky {position: sticky; top: 0px; background-color: var(--background-color-var);} */
}
@media only screen and (min-width: 48em) {
	#Mobile {visibility: hidden; display: none;}
	#DesktopAndMobile {float: left;}
	table.margin_right {margin-right: 3rem;}
}
tr#AlignTop {vertical-align: top;}
.autoSizeText {
	font-size: 14px;
	font-size: 4vmin;
}
@media only screen and (min-height: 36em) and (min-width: 48em) {
  #DesktopSticky {position: sticky; top: 0px; background-color: var(--background-color-var);}
  .DesktopSticky {position: sticky; top: 0px;}
}
.menu_top{
  width: 20%;
  margin-right: 40%;
  margin-left: 40%;
}
/*.menu_left input[type="checkbox"] ~ table,
.menu_left input[type="checkbox"].current:checked ~ table{
  height:0;
  overflow:hidden;
  transition:.2s ease-in;
}*/
.cat_left input[type="checkbox"] ~ div#menu_left,
.cat_left input[type="checkbox"].current:checked ~ div#menu_left{
  height:0;
  width:0;
  overflow:hidden;
  transition:.2s ease-in;
}
/*.menu_left input[type="checkbox"]:checked ~ table,
.menu_left input[type="checkbox"].current ~ table{
  height:auto;
}*/
.cat_left input[type="checkbox"]:checked ~ div#menu_left,
.cat_left input[type="checkbox"].current ~ div#menu_left{
  height:auto;
  width:auto;
}

.cat_left input[type="checkbox"]{
  display:none;
}

.cat_left label{
  display:block;
  float:left;
  content:"";
  text-align:center;
  font-weight:bold;
  cursor:pointer;
 }
.cat_left  label:before,
.cat_left input[type="checkbox"]:checked.current  ~ label:before{
  content:"menu";
  font-family: "Material Icons";
  color:#e65100;
  font-size: 1.4rem;
}
.cat_left input[type="checkbox"]:checked ~ label:before,
.cat_left input[type="checkbox"].current  ~ label:before{
  content:"menu";
  font-family: "Material Icons";
  color:#e65100;
  font-size: 1.4rem;
}

.edih { display:none; }
.esrever { unicode-bidi:bidi-override; direction: rtl; }

input[type="checkbox"] + label {
  cursor:pointer;
}
input[type="checkbox"] {
  cursor:pointer;
}

.logo {
  max-width: 30%;
  margin-left: 5%;
  margin-right: 5%;
}