html, body{
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: system-ui;
    background-color: #fdec04;
    overflow-x: clip;
}

.separator {
    color: #A32135;
    text-decoration: none;
    font-size: 15px;
    margin: 0px 8px;
    font-weight: bold;
}

.box-full {
    padding-bottom: 44px;
}

.box-full nav {
    display: block;
    margin: 0 auto;
    position: fixed;
    padding: 15px 0px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 999;
    background: #ffe200;
    width: 100%;
}

.box-full nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.box-full nav ul li a {
    font-family: 'pantonbold', Verdana, Geneva, Tahoma, sans-serif;
    color: #A32135;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}

.box-full nav ul li a:hover {
    text-decoration: none;
    color: #A32135;
    opacity: 0.9;
}

img{
    width: 100%;
    display:block;
}

div{
    justify-content: center;
    display: flex;

}

.top-1{
    height: 45.98vw;
    background-image: url("../images/top-1.png");
    background-size: cover;
}

.top-2{
    height: 40.3vw;
    background-image: url("../images/top-2.png");
    background-size: cover;
}

.mid-1{
    height: 11.3vw;
    background-image: url("../images/mid-1.png");
    background-size: cover;
}

.mid-1 img{
    width: 40%;
}

.mid-2{
    background-image: url("../images/mid-2.png");
    background-size: cover;
    min-height: 12.9vw;
}

.bottom-1{
    /* padding: 0 0 0 0; */
    background-image: url("../images/bottom-1.png");
    background-size: cover;
    min-height: 11.2vw;
}

.bottom-1 img{
    width: fit-content;
    height: fit-content;
}

.bottom-2{
    background-size: cover;
    min-height: 215px;
}

.bottom-2 img{
    width: 40%;
}

.box{
    display: grid;
    margin: 2vw 0px 1vw 0px;
}

.duvidas img {
    position: relative;
    right: 1.7vw;
}

.bottom-1 .grid-container img {
    width: fit-content;
    height: fit-content;
}

.regulamento img{
    position: relative;
    left: 1.5vw;
}

.duvidas img, .regulamento img{
    width: 78% !important;
}

.logo {
    margin-right: 7%;
}

.logo img{
    width: 80%;
}

.download-borda{
    align-self: flex-start;
    border-radius: 63px;
    padding: 2px 0px 15px 0;
    background-color: #ffffff;
    width: 49vw;
    position: relative;
    align-items: center;
    flex-direction: column;
}

.download-box{
    padding-top: 8px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.playstore{
    margin-right: 25px;
}

.googleplay{
    margin-left: 10px;
}

.download-borda span {
    position: relative;
    font-weight: bold;
    font-size: 1.6em;
    color: #a32135;
    border-radius: 7px;
    padding: 4px 20px 1px 20px;
    /* bottom: 1.4vw;
    background-color: #810202; */
}

.footer{
    justify-content: center;
}

.footer img{
    padding: 0 10px;
    padding-bottom: 5px;
    place-self: center;
}

.link{
    cursor: pointer;
}

.links{
    position: relative;
    right: 7vw;
}

.texto-lateral{
    transform: rotate(270deg);
    position: absolute;
    z-index: 99;
    transform-origin: right;
    right: 4vw;
    text-align: left;
    margin: 53% 0px 0 38%;
    width: 67%;
    font-size: 0.7em;
    color: #a32135;
}

.texto-lateral p{
    font-size: 11px;
    color: black;
    font-weight: 500;
}

.ganhadores{
    padding: 13vw 7vw 10vw 31vw;
}

.footer-1 p{
    font-size: 0.8vw; 
    font-weight: 500;
}

@media (max-width: 1460px) {
    .links{
        right: 7%;
    }
}

@media (max-width: 1373px) {
    .duvidas img{
        right: 4vw;
    }
    .duvidas img, .regulamento img{
        width: 70% !important;
    }
}

@media (max-width: 915px) {
    /* .box-full {
        display: none;
    } */

    div{
        background-position: top;
    }
    
    .top-1{
        height: 70vw;
    }

    .top-2{
        height: 75vw;
    }

    .top-2 strong{
        font-size: 0.1em !important;
    }

    .mid-1{
        min-height: 27vw;
        background-size: cover;
    }

    .mid-2{
        height: 15.6vw;
    }

    .bottom-1{
        height: 25vw;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .bottom-1 img {
        width: fit-content;
        height: 4.5vw !important;
    }

    .bottom-2{
        min-height: 150px;
    }
    
    .footer-1{
        padding: 1vw 0 3vw 0;
    }

    .footer-1 p{
        font-size: 1.5vw;
    }

    .box{
        flex-direction: column;
        place-items: center;
        margin: 3% 0px 3% 0px;
    }

    .duvidas img, .regulamento img {
        width: 69% !important;
        height: 100% !important;
        place-self: center;
    }

    .duvidas img {
        right: 15vw;
    }

    .regulamento img {
        left: 0;
        right: 1vw;
    }

    .footer img{
        height: 3vw;
        padding: 6px;
    }

    .download-borda {
        padding: 0px 0px 15px 0;
        background-color: white;
        width: 84vw;
        position: relative;
    }

    .download-borda span {
        font-size: 1em;
    }

    .download-box {
        padding-top: 0px;
        display: flex;
        align-content: flex-start;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .googleplay{
        margin-left: 5px;
    }

    .duvidas{
        margin-top: 3px;
    }
    
    .separator {
        font-size: 8px;
        margin: 8px 3px
    }

    .box-full nav {
        padding: 9px 0px;
    }

    .box-full nav ul li a {
        font-size: 9px;
    }
    
    .texto-lateral {
        right: 4vw;
        margin: 80% 0% 0 0;
        width: 100%;
        font-size: 0.2em !important;
    }

}