@media screen and (max-width: 768px) {
  .container {
    display: block;
    background-image: none;
    height: 60vh;
  }

  .container__imagem {
    width: 50vw;
  }

  .container__caixa {
    margin: 6em 2em;
  }

  .secundario {
    margin: 0;
    text-align: center;
  }

  .secundario__imagem {
    width: 50vw;
  }

  .descricao__titulo,
  .dispositivos__titulo {
    font-size: 2rem;
  }

  .dispositivos__lista {
    display: block;
  }

  .dispositivos__lista li img {
    width: 100%;
  }

  .dispositivos__lista h3 {
    font-size: 1.5em;
  }

  .rodape {
    color: rgb(221, 75, 37);
    margin: 1em;
    color: rgb(22, 22, 22);
  }
}