/* layout */



@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro:400,400i,700,700i&subset=greek');

@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&subset=greek');

@import url('https://fonts.googleapis.com/css?family=Alegreya:400,400i,500,500i,700,700i,800,800i,900,900i&subset=greek');

@import url('https://fonts.googleapis.com/css?family=Nova+Mono&subset=greek');

/*

font-family: 'Press Start 2P', cursive;

font-family: 'Alegreya', serif;

font-family: 'Anonymous Pro', monospace;

font-family:Arial, Helvetica, sans-serif ;

font-family: Courier;

 font-family: 'Nova Mono', monospace;


*/


	html { margin:0; padding:0; height:100%; }
	body { margin:0; padding:0; height:100%; }

	html, body { 
		
		
		background-color:#494949; 
		color:#0AFF00;
	
		background-color:#eef1f3; 
		color:#777;
		
		
font-family: 'Anonymous Pro', monospace;
		

		
	font-size: 100%; 
		}




	
.xsplit {min-height: 10px; width: 100%; border-top: 1px dashed #ccc; margin-bottom: 10px; }
	
.xsplitrow { width: 100%; border-bottom: 1px dashed #ccc;  border-top: 1px dashed #ccc; padding: 10px 0px; margin-bottom: 10px}



.container { min-height: 640px; padding:0px ;}
.innerxxx {margin: 0 auto; max-width:1200px; padding: 0px 10px ; }

.footer {  padding: 20px 0px; min-height: 200px; }





h1 {font-weight: normal; font-size: 4em; margin: 0px;

    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}


.pixel {font-family: 'Press Start 2P', cursive;}

.courier {font-family: "Courier New", Courier, monospace;}


.title {font-weight: normal; font-size: 2em; border-bottom: 0px solid #000; padding: 15px 0px;}

.titlesingle {font-weight: bold; font-size: 3em; border-bottom: 0px solid #000; padding: 15px 0px;}


.sub { font-size: 0.8em; border-bottom: 1px solid #ddd; padding: 5px 0px;}
.subt { font-size: 0.8em; border-top: 1px solid #ddd; padding: 5px 0px;}

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

.tagline { word-spacing:  0.6em; letter-spacing: 0.12em; }


li {list-style-type: square;}
/*
li::before {content: "•"; color: red}

*/



.headerleft {width:100%; float: left;  padding: 25px 25px 25px 0px; border-bottom: 1px dashed #ccc;}
.headerright {width:100%; float: left; border-left:none;border-left: 0px dashed;}
.pichome {float:none; display: block; margin-right: 10px; width:375px; height: 225px; }
.picindex {float:none; display: block; margin: 10px 10px 10px 0px; width:190px; height: 125px;}
.hometitle {font-weight: normal; font-size: 2em; display: block; padding: 20px 0px 10px 0px;}
.megatitle {font-weight: normal; font-size: 2em; display: block; padding: 20px 0px 10px 0px;}
.homerow { min-height: 275px;}

.the-content {max-width:100%; text-align: left;}

.video {
    top: 0;
    left: 0;
    width: 100%;
	height:400px;
}


.headerright ul { padding: 15px 10px 15px 20px; margin: 0px;display: block; min-height: 100px;}
.headerright li {width:45%; display: inline-block; float: left; padding: 5px 0px;}


@media (min-width: 640px) {	
	
.picindex {float:left; margin: 10px 10px 10px 10px; width:190px; height: 125px;}
.the-content {max-width:900px; text-align: justify;}
.video {
    top: 0;
    left: 0;
    width: 100%;
	height:500px;
}


}

@media (min-width: 800px) {	

.headerleft {width:355px; float: left;  padding: 20px 25px 15px 0px; border-bottom:0px;}
.headerright {width:50%; float: left;border-left: 1px dashed;}
	
	
}

@media (min-width: 960px) {	

.pichome {float:left; margin-right: 10px; width:375px; height: 225px;}
.picindex {float:left; margin: 10px 195px 10px 10px; width:190px; height: 125px;}
.hometitle {font-weight: normal; font-size: 3em; display: inline-block;  padding: 5px 0px; max-width: 620px;}
.megatitle {font-weight: normal; font-size: 3em; display: inline-block;  padding: 5px 0px; }
.homerow { min-height: 305px;}
.video {
    top: 0;
    left: 0;
    width: 100%;
	height:500px;
}

	
}




blockquote {padding:0px 0px 0px 0px; margin:  0px; font-size: 1.25em; font-weight: bold;  opacity: 0.5; text-align:left;}


blockquote p {padding:0px 100px 0px 100px; margin: 30px 0px 60px 0px; }



blockquote::before {
	 opacity: 0.5;
    content: "“";
	width:100%;
    font-size: 6em;
	line-height: 0.1em;
    float: left;
    margin: 0px;
    padding: 60px 0px 0px 0px;
}

blockquote::after {
	 opacity: 0.5;
    content: "„";
    font-size: 6em;
	line-height: 0.5em;
    float: right;
    margin: -80px 0px 50px 0px;
    padding: 0px;
}