html{
    width: 100%;
    height: 100%;

}


body{
     background-image:url(../img/fundo.png);
     background-size: 100% 100%;
    background-size: contain;
}

.img_logo{
    width:40%;
    margin:5%;
}


.tit_btn{
	font-size: 28px;
	color: white;
}

.des_btn{
	font-size: 20px;
	word-wrap: break-word;
	color: white;

}


    #btns {
        margin: 1%;
        width: 60%;
        text-align: center;
        padding: 20px;
        border-radius: 10px;
    
        /* ESSENCIAL PARA EVITAR ESTOURO DO CONTEÚDO */
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow: hidden;
    
        box-sizing: border-box; /* Garante que padding não estoure largura */
    }


#btn_back{
    margin-top: 3%;
	width:50%;
	font-size: 18px;
}

#btn_conti{
    margin-top: 3%;
	width:50%;
	font-size: 18px;
}

#qtd{
    margin-left:45%;
	width:10%;
	height:60px;
	font-size:35px;
    
}

#setinha2{
    position: absolute;
    float:left;
    display:none;
}


.captcha_img {
    font-size: 18px;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .img_logo{
        width:80%;
        margin:5%;
    }
    

    .tit_btn{
    	font-size: 6.2vw;
    	color: white;
    }
    
    .des_btn{
    	font-size: 3.2vw;
    	word-wrap: break-word;
    	color: white;
    
    }
    

    
    #btns {
        margin: 1%;
        width: 95%;
        display: block;
        text-align: center;
        padding: 20px;
        border-radius: 10px;
    
        /* ESSENCIAL PARA EVITAR ESTOURO DO CONTEÚDO */
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow: hidden;
    
        box-sizing: border-box; /* Garante que padding não estoure largura */
    }
    
    #qtd{
        margin:0 auto;
    	width:100%;
    	height:40px;
    	font-size:25px;
        
    }




}