/* 
    Created on : 11/01/2022, 23:32:01
    Author     : jclas
*/

@media all and (max-width: 319px) 
{
.div100    
{
    width:100%;
    float:left;
    text-align:center;  
}

.div50 
{   
    width:100%;
    float:left;
    text-align:center;
}

.div30
{
 width:100%;
 float:left; 
}

.div36 
{
 width:100%;
 float:left; 
}

.div25
{
 width:100%;
 float:left; 
 padding-left : 1%;
 padding-right: 1%;
}

.div70
{
    width:100%;
    float:left;
    text-align:center;
    padding-left : 1%;
    padding-right: 1%;  
    overflow-x:hidden;
}

.div100A 
{
    width:100%;
    float:left;
    text-align:center;
    margin-top:10%;
}
    
}


/* Estilos para celulares principais - 320 x 568
========================================================================== */
@media all and (min-width: 320px) and (max-width: 532px) 
{
.div100 
{
    width:100%;
    float:left;
    text-align:center;
    
}

.div50 
{   width:100%;
    float:left;
    text-align:center;
}

.div30
{
 width:100%;
 float:left; 
}

.div36 
{
 width:100%;
 float:left; 
}

.div25
{
 width:100%;
 float:left; 
 padding-left : 1%;
 padding-right: 1%;
}

.div70
{
    width:100%;
    float:left;
    text-align:center;
    padding-left : 1%;
    padding-right: 1%;  
    overflow-x:hidden;
}

.div100A 
{
    width:100%;
    float:left;
    text-align:center;
    margin-top:30%;
    
}
 
}

/* Estilos para tablet de no mínimo 533 x 853
========================================================================== */
@media all and (min-width: 533px) and (max-width: 800px) 
{
.div100 
{
    width:100%;
    float:left;
    text-align:center;
    
}

.div50 
{   width:100%;
    float:left;
    text-align:center;
}

.div30
{
 width:100%;
 float:left; 
}

.div36 
{
 width:100%;
 float:left; 
}

.div25
{
 width:47%;
 float:left; 
 padding-left : 1%;
 padding-right: 1%;
}

.div70
{
    width:100%;
    float:left;
    text-align:center;
    padding-left : 1%;
    padding-right: 1%;  
    overflow-x:hidden;
}

.div100A 
{
    width:100%;
    float:left;
    text-align:center;
    margin-top:30%;
    
}


 
}