@charset "utf-8";
/* CSS Document */

/************************************************************************************
                                    RESPONSIVO
*************************************************************************************/
        @media (max-width:1350px) {
      

            
            
        }
        @media (max-width:900px) {
    
            #Repom section#cartao { width: 98% }

            

        }
        @media (max-width:700px) {
            .container section { width: 98% !important; border-radius: 10px; border: 2px solid #EDF4F6; }
            .container header h1 img { width: 170px; }
            .container header { padding: 14px 0 19px }
            .container section h3 { font-size: 1.6em; margin: 5% 0 2%; }   
            .btn { font-size: 1em }   
            .container section ul#Links { padding: 5% 5% 10%; }
            .container section ul#Links.Excep { height: 120px; }
            .container section ul#Links.Excep li:first-child { float: right; margin: 61px 0 0; position: absolute; left: 50%; transform: translate(-50%); }
            .container section ul#Links li { width: 100%; float: left; text-align: center }
            .container section ul#Links li a { float: none } 
            footer .left div { font-size: 0.83em; margin: 10px 0 15px 0; }
            footer .left img { width: 90px }
            .container form  input::placeholder { font-size: 0.7em; }
            .container input.field { padding: 0 1em; }
            
            
            
            #Repom section#cadastro form { padding: 3% 10% 3%; }
            #Repom section#cadastro .cep { width: 100% }
            
            #Repom section#termos_uso .selector { font-size: 0.875em; } 

            
            
            
            
            
            #Repom section#veiculo .selector { width: 60%; font-size: 0.8em; }
            #Repom section#consultas .selectors { width: 90%; margin: 4% 0 0;}
            #Repom section#consultas .selector { font-size: 0.85em; }
            #Repom section#consultas .selector .right { float: left; clear: both; left: 50%; transform: translate(-50%); position: relative; }
            #Repom section#consultas .selector .left { left: 50%; transform: translate(-50%); position: relative; }
            
            #Repom section#forma_pagamento .selectors { margin: 4% 0 0; }
            #Repom section#forma_pagamento .selector .all h4 { font-size: 1.5em; font-weight: 600; }
            
            #Repom section#cartao .left { width: 100% }
            #Repom section#cartao .right { width: 100% }
            #Repom section#cartao form { margin: 3% 0 0;}
            #Repom section#cartao form .left { width: 47.5% }
            #Repom section#cartao form .right { width: 47.5% }
            #Repom section#cartao figure img { width: 180px }

            
            #Repom section#sucesso .selector { font-size: 0.875em; } 
            #Repom section#confirmacao .selector { font-size: 0.875em; } 
            

            
            
            
        }    
        @media (max-width:420px) {
            .container section ul#Links li .btn.big { font-size: 1.35em; }

            
            
            
            #Repom section#veiculo .selector { width: 80% }

            
            
            
            
            
            
        }  


























/************************************************************************************
                                    RESPONSIVO END
*************************************************************************************/