@media only screen and (max-width: 1024px) {
  html, body {
    overflow-x: hidden; }

  .logo {
    transform: translate3d(-20%, -50%, 0);
    -ms-transform: translate3d(-20%, -50%, 0);
    -webkit-transform: translate3d(-20%, -50%, 0); }

  .animation--page-load .banner-main .banner-main__title {
    text-shadow: 1px 1px 10px black, -1px -1px 10px black; }

  .banner-main__image {
    background-size: cover; }

  .nav-top__link.btn--primary,
  .banner-main__subtitle,
  .banner-main__form,
  .app-social {
    display: none; }

  .app-function,
  .app-function:nth-child(2n),
  .app-download,
  .personal-cards__list,
  .newsletter__form.row.middle-,
  .footer__content {
    flex-direction: column; }

  .app-download {
    width: 100%; }

  .app-info {
    margin-bottom: 60px; }

  .app-function {
    margin-top: 30px; }

  .personal-card {
    max-width: initial;
    margin-bottom: 30px; }

  .newsletter__form .input--inline,
  .newsletter__form .btn--submit,
  input.input--inline ~ button[type="submit"] {
    width: 90%;
    margin-left: 0; }

  .newsletter__image {
    position: absolute;
    width: 60%;
    right: 0;
    opacity: 0.4;
    margin-top: -100px; }

  .footer__menu-item {
    margin: 0;
    padding: 0 10px;
    width: initial; }

  .footer__logo {
    margin: 0 auto; }

  .footer__list {
    justify-content: center; }

  .footer__menu {
    width: 100%;
    margin: 15px 0;
    text-align: center; } }
@media only screen and (max-width: 600px) {
  html {
    font-size: 50%; } }