@font-face {

  font-family: Segoe;

  font-style: normal;

  font-weight: normal;

  src: local('Segoe UI'), url(../fonts/segoeuib.eot) format('truetype');

}



@font-face {

  font-family: Segoe;

  font-style: normal;

  font-weight: normal;

  src: local('Segoe UI'), url(../fonts/segoeuib.ttf) format('truetype');

}



body {

  font-family: Segoe, sans-serif;

}



p {

  text-align: center;

  color: #fff;

}



a {

  text-decoration: none;

  color: #4E8AFF;

}



p, a {

  font-size: 20px;

}

.mb-0 {
  margin-bottom: 0 !important;
}

.main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 100%;

  min-height: 100vh;

  padding: 50px 15px;

  background-image: url(../img/bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  font-size: 18px;

}



.slogan,

.contacts {

  margin: 50px 0;

}



.contacts a {

  display: inline-block;

  padding: 0 15px;

  text-align: center;

}



@media screen and (max-width: 600px) {

  p, a {

    font-size: 18px;

  }

  .logo {

    max-width: 200px;

  }

  .slogan,

  .contacts {

    margin-bottom: 30px;

  }

  .contacts {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .contacts a {

    margin-bottom: 15px;

  }

}