@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap);

html, body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font-family:"Montserrat", sans-serif;
	font-weight:500;
	color:#fff;
	background:url(pic/bg.webp) no-repeat #000;
}
#services {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
h1 {
	position:absolute;
	right:77px;
	text-align:right;
	font-size:38pt;
	font-weight:500;
}
#logo {
	position:absolute;
	top:80px;
	left:80px;
	width:360px;
	height:119px;
	background:url(pic/logo.svg);
}
#country {
	position:absolute;
	top:86px;
	right:172px;
	font-size:24pt;
	color:#666;
}
p {
	margin:0;
	padding:0;
}
#language {
	position:absolute;
	top:80px;
	right:80px;
	width:52px;
	height:52px;
}
#ru {
	width:52px;
	height:52px;
	display:block;
	background:url(pic/ru.svg) 0 -52px;
}
#resourses {
	position:absolute;
	left:80px;
	bottom:155px;
	width:265px;
	height:48px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#ru, #en, #instagram, #dribbble, #yandex, #behance {
	transition:.8s;
}
#instagram {
	width:48px;
	height:48px;
	background:url(pic/instagram.svg) 0 -48px;
}
#dribbble {
	width:48px;
	height:48px;
	background:url(pic/dribbble.svg) 0 -48px;
}
#yandex {
	width:121px;
	height:38px;
	background:url(pic/yandex.svg) 0 -38px;
}
#copyright {
	position:absolute;
	left:80px;
	bottom:75px;
	color:#666;
	font-size:15pt;
}
#contacts {
	position:absolute;
	right:595px;
	bottom:72px;
	font-size:24pt;
	text-align:right;
}
#ru:hover, #en:hover, #instagram:hover, #dribbble:hover, #yandex:hover {
	background-position:0 0;
	transition:.4s;
}
#mail {
	color:#fff;
	text-decoration:none;
	transition:.8s;
}
#mail:hover {
	color:#666;
	transition:.4s;
}
#tagline {
	position:absolute;
	right:79px;
	bottom:70px;
	font-size:30pt;
	font-weight:600;
}