@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body{
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-size:cover;
	background-position:center center;
min-height:100vh;
color :#fff;
text-align: center;
}
a, a:focus, a:active, a:hover{
	outline:0;
	color:#fff;
	text-decoration:none;
}
.logo{
	margin: 40px auto 30px; 
	width:400px; 
	height:auto;
}
.footer{
	margin-top:80px;
}
iframe{
	max-width:60vw;
	aspect-ratio: 16 / 9;
}
.omilos-logo img{
	max-width:140px;
}
.separator{
	border-top:1px solid #ffffff38;
	width:calc(50% - 210px);
}
.omilos, .omilos-logo {
	gap:35px;
}
.omilos img{
	max-width:180px;
	height:auto;
}
.bottomfooter{
	text-align:center;
	text-transform:uppercase;
	opacity:0.8;
	font-size: 15px;
	margin:40px auto 20px;
}

@media screen and (max-width: 992px)  {
	.separator{ width: 100%; }
	.logo img{width:80vw;}
	iframe { max-width:100%; }
	.omilos img{margin:10px;}
}