@media screen and (max-width: 720px) {
  .divider {
    display: block;
  }
  header,
  header .slider-container .slider-item {
    height: 560px;
  }
  header .img-phone {
    width: 470px;
    bottom: -180px;
    left: 50%;
    margin-left: -163px;
  }
  header h1 {
    top: 31%;
    font-size: 20px;
    line-height: 22px;
    width: auto;
  }
  header .bg-foto {
    margin-top: 0;
  }
  header .menu {
    margin-top: 20px;
  }
  main .download-apps h2 {
    display: none;
  }
  main .funcionalidades {
    padding: 0 15px;
  }
  main .funcionalidades .item {
    height: auto;
    text-align: center;
    display: inline-block !important;
    width: 100%;
    margin: 40px auto 20px;
    padding: 0 10px;
  }
  main .funcionalidades .item .descricao {
    display: block !important;
    text-align: center!important;
    padding: 0!important;
  }
  main .funcionalidades .item .descricao h3 {
    font-size: 26px;
  }
  main .funcionalidades .item .descricao p {
    font-size: 14px;
  }
  main .funcionalidades .item img {
    position: relative !important;
    top: 0px!important;
    margin: 40px auto 20px;
    display: block;
    left: auto;
    max-height: 500px;
    width: auto;
  }
  footer h2 {
    line-height: 28px;
  }
}
@media screen and (max-width: 420px) {
  header,
  header .slider-container .slider-item {
    height: 420px;
  }
  header .img-phone {
    width: 400px;
    bottom: -170px;
    margin-left: -140px;
  }
  header .menu {
    font-size: 14px;
    margin-top: 15px;
  }
  header .menu br {
    display: block;
  }
  footer h2 {
    font-size: 17px;
  }
  footer h2 span {
    margin-top: 16px;
    display: inline-block;
  }
}
@media screen and (max-width: 320px) {
  header .menu {
    display: none;
  }
  header .logo {
    display: block!important;
    float: none!important;
    margin: 10px auto!important;
  }
  footer h2 {
    font-size: 14px;
  }
}