html,
  body {
      height: 100%;
      margin: 0;
  }

  a {
      text-decoration: none;
  }

  .fundo {
      width: 100%;
      min-height: 100vh;
      background-image: url('images/fundo.png');
      background-size: cover;
      background-position: 20% center;
      background-repeat: no-repeat;
  }


  .flex-justify {
      display: flex;
      justify-content: space-between;
  }

  .div-foto {
      margin: 0 auto;
      max-width: 537.494px;
      max-height: 537.494px;
      min-width: 346.84px;
      min-height: 346.84px;
      display: block;
  }

  .img {
      width: 100%;
      height: auto;
      margin-top: -50px;
      display: block;
  }

  .top {
      margin-top: -85px;
  }

  .texto {
      text-align: center;
      font-size: clamp(26px, 4vw, 40px);
      text-transform: uppercase;
  }

  .texto-link {
      text-align: center;
      font-size: clamp(30px, 4vw, 40px);
  }


  .cor-texto-1 {
      color: rgb(255, 49, 49);
  }

  .cor-texto-2 {
      color: rgb(255, 255, 255);
  }

  .botao {
      background: rgb(56, 182, 255);
      height: clamp(65px, 10vw, 95px);
      width: clamp(320px, 50vw, 452px);
      border-radius: 50px;
      margin: 0 auto;
      display: block;
      text-align: center;
      align-content: center;
  }

  .juntar-texto {
      letter-spacing: -0.2vw;
  }

  .roboto {
      font-family: "Roboto", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: italic;
      font-variation-settings: "wdth" 100;
  }

  .div-img-desfoque {
      display: block;
      margin: 0 auto;
      margin-left: -60px;
      margin-top: -100px;
      width: clamp(30px, 20vw, 300px);
      height: auto;
  }

  .div-img-telegram {
      display: block;
      margin: 0 auto;
      width: clamp(350px, 200vw, 400px);
      height: auto;
  }

  @media (max-width: 1024px) {

      .fundo {
          background-image: url('images/fundo.png');
          background-size: cover;
          min-height: 100vh;
          background-repeat: no-repeat;
          background-position: 70% center;
      }

      .remover-div {
          display: none;
      }

      .centralizar {
          display: flex;
          justify-content: center;
          width: 100%;
          margin: 0 auto;
          margin-top: 12%;
      }

      .div-img-telegram {
          width: clamp(150px, 50vw, 300px);
          height: clamp(150px, 50vw, 300px);
      }

      .flex-justify {
          display: flex;
          justify-content: center;
      }
  }