@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=greek,greek-ext');

body,
html{
	font-family: Roboto, Arial;
	font-size: 16px;
	max-width:1920px;
	margin:0 auto;
	color:#0E3935;
	background: #EAF1F1;
    line-height: 1.2;
}

h1{
	font-size: 2.2em;
	margin:1em 0;
	font-weight: bold;
    line-height: 1.15em;
}

h2{
	font-size: 1.5em;
	margin: 0.8em 0;
    font-weight: bold;
    line-height: 1.15em;
}

h3{
	font-size: 1.3em;
	margin:0.6em 0;
	font-weight: bold;
    line-height: 1.15em;
}

h4{
	font-size: 1.2em;
	margin:0.4em 0;
	font-weight: bold;
    line-height: 1.15em;
}

h5{
	font-size: 1.1em;
	margin:0.3em 0;
	font-weight: bold;
    line-height: 1.15em;
}

h6{
	font-size: 1.05em;
	margin:0.3em 0;
	font-weight: bold;
    line-height: 1.15em;
}

a{
	text-decoration:none;
	color:inherit;
}

a:active,
a:focus,
a:hover{
	color:inherit;
	opacity:0.8;
}

p{
	margin-top:0.8em;
	margin-bottom:0px;
	width:100%;
	float:left;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
button,
textarea,
select,
button{
	outline:none;
}

.clear{
	clear:both;
}

.none{
	display:none;
}

/* Universal Info Styles */
.page{
	width:100%;
	float:left;
}

.page .content{
    width: 100%;
	float:left;
	min-height:100vh;
	padding-bottom:3.5em;
    position: relative;
	overflow:hidden;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-o-transition-duration:.5s;
	transition-duration:.5s;
}

.page_content{
	width:100%;
	float:left;
	padding:1.5em;
	position:relative;
	min-height:85vh;
}

.message{
	position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    padding: 2.5em;
    width: 50%;
    max-width: 480px;
	border-radius: 8px;
    margin: auto;
    display: table-cell;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
}

.logo{
	height:100%;
	display:block;
	float:left;
	margin-bottom: 2.5em;
}

.reason{
	width:100%;
	margin:3em auto 0;
	max-width:600px;
	display:table;
}

.reason h3{
	float:left;
	width:100%;
	margin:0 auto;
}

.reason p{
	float:left;
	width:100%;
}

.footer{
	width:100%;
	float:left;
    position: absolute;
    bottom: 0;
	left:0;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-o-transition-duration:.5s;
	transition-duration:.5s;
}

.footer_inner{
	width:100%;
	float:left;
	padding:1em 1.5em;
}

.footer_inner .left{
	width:50%;
	float:left;
	color:#0E3935;
	font-size:0.850em;
	padding:0 15px;
	line-height: 2em;
}

.footer_inner .center img{
	height:1.5em;
	display: block;
	margin: auto;
}

.footer_inner .left .copy{
	width:100%;
	float:left;
}

.footer_inner .right{
	width:50%;
	float:right;
	text-align:right;
	color:#0E3935;
	font-size:0.850em;
	line-height: 2em;
}

.footer_inner .right .developedby{
	width:100%;
	float:left;
}

@media (max-width: 1750px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1370px) {
}

@media (max-width: 1024px) {
	body{
		font-size:15px;
	}
}

@media (max-width: 1023px) {
}

@media (max-width: 960px) {
	body{
		font-size:14px;
	}
}

@media (max-width: 767px) {
	body{
		font-size:13px;
	}
	.message{
		width: 90%;
		max-width: 90%;
	}
}

@media (max-width: 600px) {
}

@media (max-width: 480px) {
	.footer_inner .left{
		width:100%;
		padding:0;
	}
	.footer_inner .right{
		width:100%;
		text-align: left;
	}
	.page .content {
		padding-bottom: 5em;
	}
}

@media (max-width: 320px) {
}