@font-face {
    font-family: 'Averta Demo PE';
    src: url('../fonts/AvertaDemoPE-Regular.eot');
    src: local('Averta Demo PE Regular'), local('AvertaDemoPE-Regular'),
        url('../fonts/AvertaDemoPE-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvertaDemoPE-Regular.woff2') format('woff2'),
        url('../fonts/AvertaDemoPE-Regular.woff') format('woff'),
        url('../fonts/AvertaDemoPE-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, main {height: 100%;}

body {
  background: url('../images/bg.jpg') 50%;
  background-size: cover;
  font-family: 'Averta Demo PE';
  color: #fff;
}

.app-svg {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
}

img {
  max-width: 100%;
}

a {color: #fff;text-decoration: none;}

main {display: flex;flex-direction: column;padding: 3% 10%;-webkit-box-sizing: border-box;box-sizing: border-box;align-items: center;}
.header__logo {max-width: 280px;}
.footer {margin-top: auto;}
.footer__link {margin-top: 10px;}
.footer__link a {display: flex;align-items: center;font-size: 36px;}
.footer__link a svg {width: 30px;height: 30px;fill:none;margin-right: 15px;}