@charset "UTF-8";
.body {
    min-width: 400px;
    max-width: 1280px;
    background-color: #1c1c1c;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0px 0px #000000;
    color: #000000;
    border: 1px solid #004369;
}
.primary_header {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-size: auto;
    clear: left;
    border-bottom: 0px solid #ABDDEB;
    border-top: 0px solid #2C9AB7;
    text-shadow: 2px 1px #ADE1FF;
}
.title {
    color: #60C6FF;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-style: normal;
    font-size: calc(25px + 2vw);
}
.flag{
	width: 8%; 
	height: 8%;
	min-width: 60px;
	min-height: 60px;
	float: right; 
	padding-left: 0px; 
	padding-right: 2%; 
	padding-top: 1%; 
	padding-bottom: 0px;
}
.menuicon {
	width: 50%; 
	height: 50%; 
	float: right;
	padding-left: 2%; 
	padding-right: 2%;
	padding-top: 2%;
    min-width: 60px;
	min-height: 60px;
}
.logo {
	width: 20%; 
	height: 20%;
	min-width: 100px;
	min-height: 80px;
	float: left; 
	padding-left: 2%; 
	padding-right: 2%; 
	padding-top: 2%; 
	padding-bottom: 2%;
	
}
.container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-bottom-width: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-shadow: 0px 0px #1c1c1c;
}
.center
     {
    padding-top: 2%;	
    display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}
.pleonektimata {
    width: 100%;
    padding-bottom: 20px;
	}
.pleonektimata li{
	width: 90%;
	font-size: calc(15px + 1vw);
	text-align: left;
	color: aqua;
	padding-left: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}
.faq { width: 100%;
    padding-bottom: 10px;
}
.faq li{
	width: 90%;
	font-size: calc(15px + 1vw);
	text-align: left;
	padding-bottom: 2%;
	color: aqua;
	padding-left: 2%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.paragraph {
	width: 90%;
	text-align: left;
	font-size: calc(15px + 1vw);
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: aqua;
	padding-left: 2%;
	
}
.footer {
    width: 100%;
    border-top-color: #60C6FF;
    color: #60C6FF;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: calc(15px + 1vw);
    border-top: 2px dashed #60C6FF;
    height: 200px;
}
.secondary_header {
	width: 90%;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-left: 2%;
	margin-right: 0px;
	
	clear: middle;
	border-top: 0px solid #2C9AB7;
}
.container .secondary_header ul {
    margin-top: 0%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
	
}
.secondary_header ul li {
	list-style: none;
	float: left;
	padding-right: 0;
	margin-right: 0px;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	font-size: 4%;
	color: #CFF8FF;
	letter-spacing: 1px;
	margin-left: 2%;
	text-align: center;
	width: 18%;
	min-width: 50px;
	transition: all 0.3s linear;
}
.secondary_header ul li img:hover {
    cursor: pointer;
	
}
@media (max-width: 0px) /* Πλάτος αναδίπλωσης*/
{
.secondary_header ul li {
	float: none;
	margin-top: 2%;
	margin-left: 2%;
	width: 100%;
}
.container .secondary_header ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	width: 100%;
	text-align: center;
}
}