body {
        background-image: url(/imagens/bg\ -\ telainfo.png);
        background-size: 500%;
        color: #fff;
        font-family: "poppins";
        text-decoration: none;
    }
    
    button {
        border: none;
        border-radius: 100px;
        font-size: xx-large;
        padding: 2rem;
    }
    
    h1 {
        text-align: center;
        color: #fff;
    }
    
    .logo {
        display: flex;
        margin: 0 auto;
        width: 50%;
    }
    
    .caixa-1 {
        padding: 5rem;
        align-items: center;
    }
    
    .caixa-2 {
        background-color: #00000050;
        padding: 1rem 3rem;
        margin: 0 5rem;
        border-radius: 50px;
    }
    
    .caixa-2 p {
        font-size: larger;
        text-align:justify;
    }
    
    .caixa-3 {
        display: flex;
        margin: 5rem; 
        align-items: center;
        justify-content: space-between;
    }
    
    .btazul {
        background-color: #0B48BF;
        color: white;
    }
    
    .btbranco {
        color: #0B48BF;
    }

@media screen and (min-width: 1000px) {

    body {
        font-size: medium;
        background-position: top;
        background-repeat: no-repeat;
        background-size: 160%;
    }

    h1 {
        font-size: x-large;
    }

    .div1 {
        display: flex;
        align-items: flex-start;
        width: 33.33%;
    }

    .div2 {
        width: 33.33%;
    }

    .invisivel {
        width: 33.33%;
    }

    .logo {
        width: 50%;
        margin: 0;
    }

    .caixa-1 {
        padding: 1rem 6rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    button{
        font-size: large;
        padding: 1rem;
        font-weight: 600;
    }

    .caixa-2 {
        margin: 0 6rem;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border-radius: 20px;
    }

    .caixa-3 {
        display: flex;
        justify-content: end;
        align-items: center;
        margin: 3rem 6rem;
    }

    .btbranco {
        margin-right: 1rem;
    }

    .btazul:hover {
        background-color: #2c5fc5;
        cursor: pointer;
    }

    .btbranco:hover {
        background-color: #e7e7e7;
        cursor: pointer;
    }

}