@media (max-width: 1399px) {
      body {
        text-align: center;
        overflow-x: hidden !important;
      }

      h1 {
        font-size: 40px;
      }

      h2 {
        font-size: 25px;
      }

      h5 {
        font-size: 18px;
      }

      p {
        font-size: 18px;
        line-height: 25px;
      }

      span {
        letter-spacing: 3px;
        font-size: 12px;
      }

      .navbar {
        display: none;
      }

      .rodape .px-5 {
        padding: 0 !important;
      }

    }

    @media (max-width: 900px) {
      .secao-01 {
        padding: 500px 0 800px;
        background: url("../assets/bg/bg-01-mobile.webp") top/cover no-repeat;
        height: 100vh;
      }
      .secao-01 span{
        background-color: #fff;
        padding: 5px;
      }

      .accordion {
        text-align: left;
      }

      .caixa-02 {
        text-align: left;
      }

      .caixa-cta {
        text-align: left;
      }

      footer {
        text-align: left;
      }

      .caixa-footer {
        text-align: center;
      }

      .cartao {
        padding: 20px 20px;
        border-radius: 20px;
        background: #313131;
        box-shadow: 0px 0px 140.3px 0px rgba(0, 0, 0, 0.1);
        transform: rotate(0deg);
        transition: transform 0.5s ease;
      }

    }