body {
    background: url(../img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.div-logo img {
    width: 20vw;
}

.div-text {
    text-align: center;
    color: white;
    font-size: 1.8vw;
    font-weight: bold;
    padding: 1vw;
}



@media screen and (max-width: 1024px) and (orientation: portrait) {
    body {
      background: url(../../img/bg-mob.png);
      background-size: cover;
    }
    .div-logo, .div-text, .div-button {
        margin-bottom: 2vh;
    }
    .div-logo img {
        width: 60vw;
    }
    .div-text {
        font-size: 5.5vw;
        padding: 0;
    }
    .buttons img {
        width: 75vw;
        margin-bottom: 3vw;
    }
    .buttons a {
        font-size: 3.8vw;
    }
    .msg-alert {
        position: initial;
        font-size: 4vw;
        bottom: 35vw;
        width: 70vw;
        text-align: justify;
    }
    .logo-rodape {
        position: initial;
        bottom: 1.5vw;
        left: 0;
    }
    .div-button a, .div-button button {
    font-size: 6.5vw;
   }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .div-logo img {
        width: 12vw;
    }
    .msg-alert {
        font-size: 1.4vw;
        bottom: 1.2vw;
        width: 60vw;
    }
    .div-text {
        font-size: 2vw;
    }
    .buttons a {
        font-size: 2vw;
    }
}