@font-face {
	font-family: "Comfortaa";
	src: url("/fonts/comfortaa/comfortaa.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/fonts/comfortaa/comfortaa.otf") format("opentype"), /* Open Type Font */
		url("/fonts/comfortaa/comfortaa.svg") format("svg"), /* Legacy iOS */
		url("/fonts/comfortaa/comfortaa.ttf") format("truetype"), /* Safari, Android, iOS */
		url("/fonts/comfortaa/comfortaa.woff") format("woff"), /* Modern Browsers */
		url("/fonts/comfortaa/comfortaa.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Comfortaa Light";
	src: url("/fonts/comfortaa-light/comfortaa-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/fonts/comfortaa-light/comfortaa-light.otf") format("opentype"), /* Open Type Font */
		url("/fonts/comfortaa-light/comfortaa-light.svg") format("svg"), /* Legacy iOS */
		url("/fonts/comfortaa-light/comfortaa-light.ttf") format("truetype"), /* Safari, Android, iOS */
		url("/fonts/comfortaa-light/comfortaa-light.woff") format("woff"), /* Modern Browsers */
		url("/fonts/comfortaa-light/comfortaa-light.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Comfortaa Bold";
	src: url("/fonts/comfortaa-bold/comfortaa-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/fonts/comfortaa-bold/comfortaa-bold.otf") format("opentype"), /* Open Type Font */
		url("/fonts/comfortaa-bold/comfortaa-bold.svg") format("svg"), /* Legacy iOS */
		url("/fonts/comfortaa-bold/comfortaa-bold.ttf") format("truetype"), /* Safari, Android, iOS */
		url("/fonts/comfortaa-bold/comfortaa-bold.woff") format("woff"), /* Modern Browsers */
		url("/fonts/comfortaa-bold/comfortaa-bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}



* {padding: 0;margin: 0}
body {background: #000;color: #fff;font-family: "Comfortaa";font-size: 16px;font-weight: normal;}

p {margin: 0 0 10px 0}
a {text-decoration: none;color: #F8C025}

.top,main,footer{padding: 0 15px}

.top {height: 120px;text-align: center;margin: 50px 0}
.top img {width: auto;height: 120px}

h1 {font-size: 1.8rem;margin: 0 0 25px 0}
h3 {font-size: 1.3rem;margin: 0 0 25px 0}

section {text-align: center;margin: 0 0 60px 0;z-index: 2;position: relative}

footer {color: #000;text-align: center}

.icons {display: flex;list-style: none;justify-content: center}
.icons a {background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;width: 45px;height: 45px;margin: 0 10px}
.icons a:nth-child(1) {background-image: url(images/tg.svg)}
.icons a:nth-child(2) {background-image: url(images/wh.svg)}
.icons a:nth-child(3) {background-image: url(images/vk.svg)}
.icons a:nth-child(4) {background-image: url(images/em.svg)}


.back {position: fixed;bottom: 0;right: 0;background: url(images/back.svg) no-repeat right bottom / 100% auto;display: block;width: 200px;height: 200px;z-index: 1;opacity: .15}