body { margin:0 auto; max-width:1000px; padding:7px; font-family: monospace; color: #000000; font-size: 17px;}
 p {font-size: 17px; text-align:justify; line-height: 1.2; font-weight:500; text-indent:25px; margin: 5px; padding: 0;}
 h1 { color: white; text-indent:0; text-align:center; margin: 10px; text-shadow: 0px 0px 5px black;}
 h2 {font-size: 20px; font-family: monospace; letter-spacing: 3px; text-align: center; margin:30px 0 10px 0; text-shadow: 4px 4px 6px gray;}
 h3 { text-align: center;}
 h4 {text-align:right; margin: 0; font-weight:600;}
 h5 {margin: 0; padding: 0;}
 a {text-decoration: none;}
 i {font-size: 105%;}
 sup, sub {line-height: 0;}
 b {color: #024;}
 img {max-width:100%; height: auto; }
 div {max-width:100%;}
 td, th {font-size: 17px;}
 .elf {background-color: #ffe;}
 .lit {text-indent:-80px; margin: 5px 5px 5px 90px;}
 .lit i {font-weight:600;}
 .breadcrumbs {font-size: smaller; text-indent:0; line-height: 100%; padding: 0; margin:0; font-weight:600;}
 .citata { font-style: italic ; font-weight:500; text-shadow: 0px 0px 2px LightCyan; background: #fffff0;}
 .center {display:table; margin: 5px auto; text-indent: 0; text-align: center; padding: 0; line-height:90%; margin-bottom: 30px; font-family: "Courier New", "Nimbus Mono L", monospace;}
 .center img {display: block; margin: 0 auto; }
 .center p {text-indent: 0px; font-size: 95%;/* font-family: Monospace;*/ font-weight:500; line-height:100%;}

/*ΟΠΘΜΕΠ <div class="center" style="width: 800px;">*/

 .que {color: #640;}
 .quasi2 {font-size: 18px; line-height: 1.0; font-family: monospace; text-align:left; margin:40px 0 10px 0; }
 .val { display: table-cell; vertical-align: middle;}
 
 @media screen and (max-width: 620px) {	

	body { padding:3px; font-size: 80%;}
 p, h1, h2, h3, div, td, tr, th {font-size: 90%;}
	h4 {font-size: 80%;}
	.breadcrumbs {font-size: 80%;}
        .quasi2 {font-size: 90%;}
	 }
	 
	 @media screen and (max-width: 400px) {
	p {text-align:left;}	 
	 }