*{ margin: 0;
    padding: 0; 
    box-sizing: border-box;
  
  }
  
  .conteudo{
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      background-image: url(../imagens/toni1.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;    
      align-items: center;
      padding-top: 150px;
      
  }

  .texto{
    text-align:center;
    background: rgba(85, 81, 79, 0.192);
    width: 60%;
    padding: 2%;
    font-size: 20px;
  }
 

  .botao{    
      height: 40px;
      width: 120px;
      background-color: #e97634ef;
      border-radius: 10px;
      margin-top: 20px;
      border: none;
      cursor: pointer;
    }

  .botao:hover{
      background: #25b36c;
    }

  .rodape{    
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 70px;
      position:relative;
      bottom:0;
      left:0;
      text-align: center;            
      
  } 
  
  @media (max-width: 900px){
    .conteudo{
        text-align: center;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        height: 40%;
        width: 100%;
        background-position: center;
        background-size: contain;    
        
        
    }

    .texto{ 
        font-size: 20px;
    }

    .rodape{
      font-size: 10px;
      color: whitesmoke
    }
  }


    @media (max-width: 425px){
      .conteudo{
        text-align: center;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        height: 100vh;
        width: 100%;
        background-position: center;
        background-size: cover;    
        
        
    }

    .texto{ 
        font-size: 10px;
    }

    .rodape{
      font-size: 08px;
      color: whitesmoke
    }
  }
  @media (max-width: 300px){
    .conteudo{
      text-align: center;
      display: flex;
      justify-content: space-around;
      flex-direction: column;
      height: 100%;
      width: 100%;
      background-position: center;
      background-size: cover;    
      
      
  }

  .texto{ 
      font-size: 10px;
  }

  .rodape{
    font-size: 08px;
    color: whitesmoke
  }
  }