body {margin: 0; padding: 0; background: #000000;}

@font-face {
  font-family: "Averta";
  src: local("Averta"),
       url("/fonts/AvertaDemoPE-Regular.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/fonts/AvertaDemoPE-Regular.woff") format("woff");
}



p {
font-family: Averta,sans-serif;
font-size: 12pt;
font-weight: normal;
color: #ffffff;
}

.wrapper {
margin: 250px 0;
padding: 0px 0;
vertical-align: middle;
}

.container {
display: block;
width: 70%;
margin: 0 auto;
vertical-align: middle;
}

#logo {
width: 30%;
margin: 0 auto;
vertical-align: middle;
}

.content {
display: block;
width: 100%;
margin: 40px 0;
text-align: center;
}

#svg {
width: 100%;
}

@media only screen and (max-width: 1024px) {
#logo, .content {
display: block; 
width: 100%;
text-align: center;
margin: 0;
}
#svg {
width: 70%;
}
}