@font-face {
  font-family: 'Avenir Next';
  src: local("Avenir Next Medium Italic"), local("Avenir-Next-Medium-Italic"), url("../fonts/AvenirNextCyr-MediumItalic.woff2") format("woff2"), url("../fonts/AvenirNextCyr-MediumItalic.woff") format("woff"), url("../fonts/AvenirNextCyr-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

body {
  margin: 0;
  height: 100vh;
  width: 100vw; }
  body main {
    height: 100%;
    width: 100%;
    background-image: url("../img/background-without-cloud.jpg");
    background-size: cover; }
    body main .content {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      body main .content .logo {
        width: 1020px; }
      body main .content .contact {
        position: absolute;
        top: 100%;
        color: #fff; }
        body main .content .contact p {
          display: inline-block;
          margin-right: 25px;
          font-size: 22px;
          font-family: 'Avenir Next';
          letter-spacing: 1.5px; }
          body main .content .contact p a {
            color: #fff;
            font-size: 22px;
            font-family: 'Avenir Next'; }
          body main .content .contact p a:hover {
            color: #7AC97A; }
        body main .content .contact p:first-child {
          margin-left: 208.25px; }
        body main .content .contact p:last-child {
          vertical-align: top; }
    @media (max-width: 1100px) {
      body main .content .logo {
        width: 760px; }
      body main .content .contact p {
        font-size: 18px;
        letter-spacing: normal; }
        body main .content .contact p a {
          font-size: 18px; }
      body main .content .contact p:first-child {
        margin-left: 155.192px; } }
    @media (max-width: 800px) {
      body main .content {
        left: 50%;
        top: 30%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        body main .content .logo {
          width: 460px; }
        body main .content .contact {
          margin-left: 93.932px; }
          body main .content .contact p {
            display: block;
            font-size: 18px;
            letter-spacing: normal; }
            body main .content .contact p a {
              font-size: 18px; }
          body main .content .contact p:first-child {
            margin-left: 0; } }
    @media (max-width: 500px) {
      body main .content .logo {
        width: 280px; }
      body main .content .contact {
        margin-left: 57.176px; }
        body main .content .contact p {
          display: block;
          font-size: 18px;
          letter-spacing: normal; }
          body main .content .contact p a {
            font-size: 18px; }
        body main .content .contact p:first-child {
          margin-left: 0; } }