body {
    background: rgb(255, 232, 107);
    background: linear-gradient(0deg, rgba(255, 232, 107, 1) 0%, rgba(255, 164, 0, 1) 100%);
}

.header,
.footer {
    background-image: url('../img/Fundo 2.png');
    background-size: cover;
    background-position: top left;
}

#logo {
    width: 90%;
    margin: 12vw 0 7vw 0;
}

#btn-play {
    margin: 3vw 0 4vw 8vw;
    font-size: 80px;
    color: #4e3474;
    background: rgb(198, 0, 88);
    background: linear-gradient(90deg, rgba(198, 0, 88, 1) 0%, rgba(252, 176, 69, 1) 100%);
    border-radius: 60px;
    width: 120px;
    height: 120px;
    border: white 3px solid;
    transform: scale(1.7);
}

#play-now {
    font-weight: bold;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    text-align: center;
    margin: 0 0 0 3vw;
}

#btn-play input {
    width: 100%;
}

#play-legend {
    width: 100%;
    margin: 9vw 0 2vw 0;
}

#banner-quem-somos {
    width: 60vw;
    margin: 10vw 0 5vw 0;
}

.title-main {
    width: 50vw;
    margin: 4em 0 4em 0;
}

.banner-main {
    width: 50vw;
    margin: 0 0 5vh 0;
}

#banner-apps {
    width: 30vw;
}

#banner-link-app {
    width: 10vw;
    margin-left: -3vw;
}

.footer {
    margin: 0 10vw;
    text-align: center;
    background-position: center;
    height: 100vh;
}

.footer .row {
    margin: 5vh 0 0 0;
}

.footer-icons {
    width: 5vw;
}

.footer a {
    font-size: 28px;
    margin: 0 0 0 1em;
    color: purple;
    font-weight: bold;
}

@media (min-width: 1500px) {
    #btn-play {
        margin: 3vw 0 4vw 6vw;
    }
}

@media (max-width: 991px) {
    #logo {
        width: 100%;
    }
    #play-legend {
        width: 95vw;
        text-align: center;
        display: flex;
    }
    #btn-play {
        text-align: center;
        display: inline-block;
        transform: none;
        margin: 5vw 0 0;
    }
    #play-now {
        font-weight: bold;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        text-align: center;
        display: flex;
    }
    #banner-quem-somos {
        width: 100%;
    }
    .main-page img {
        width: 90%;
    }
    .footer .row img {
        width: 10vw;
    }
    .footer .row a {
        font-size: 6vw;
        margin: 2vw 0 2vw 1vw;
    }
    .title-main {
        margin: 4em 0 1em 0;
    }
    .banner-main {
        width: 90vw;
        margin: 0;
    }
    .footer {
        margin: 0;
        text-align: center;
        background-position: center;
        height: 100vh;
    }
    #banner-apps {
        width: 90vw;
        margin-top: 2em;
    }
    #banner-link-app {
        width: 50vw;
        margin-left: -3vw;
    }
}