@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap');

* {
	box-sizing: border-box;
}

body {
	margin: 0;

	width: 100%;
	height: 100%;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

.wrapper {
	width: 100%;
	height: 100%;

	background: #333333 url("../images/back.jpg") no-repeat;
	background-size: cover;
	background-position: 50%;

	position: absolute;

	top:0;
	left:0;

	display: table;

}

.content {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
	padding-bottom: 20px;
}

.logo {
	height:80px;	
	width:auto;
}

.lemto-desc {	
	width:200px;	
}


a {
	color: white;
	text-decoration: none;
	font-size:14px;
	font-style: italic;
	font-weight: bold;


	border:solid 2px white;
	padding:10px 20px;
	border-radius: 50px;

}

a:hover {
	color: white;
	text-decoration: underline;
	/* #00aeef */
}


@media (min-width: 300px) {

	.logo {
		height:80px;	
	}
	
	.lemto-desc {	
		width:200px;	
	}

	.lemto-glyphs {	
		height:70px;	
	}	

	a {
		font-size:14px;
	}

}


@media (min-width: 600px) {

	.logo {
		height:130px;	
	}
	
	.lemto-desc {	
		width:400px;	
	}

	.lemto-glyphs {	
		height:110px;	
	}	
	
	a {
		font-size:24px;
	}

}

@media (min-width: 1500px) {

	.logo {
		height:170px;	
	}
	
	.lemto-desc {	
		width:500px;	
	}

	.lemto-glyphs {	
		height:140px;	
	}

	a {
		font-size:30px;	

		border:solid 3px white;
		padding:15px 25px;
		border-radius: 60px;
	
	}
	
}