@media (min-width: 10px) and (max-width: 337px) {
    #info_header {
        font-size: 8px;
    }
    #info_header > a{
        font-size: 6px;
    }
    .dropbtn > a{
        font-size: 0.5rem ;
        padding: 0px;
    }
    .drop_content > a{
        font-size: 0.5rem;
    }
    #rodapé{
        font-size:0.8rem;
        flex-direction: column;
        padding: 0px;
    }
    #horarios{
        font-size: 0.9rem;
        padding-bottom: 25px;
        width: 100%;
    }
    
}
@media (min-width: 338px) and (max-width: 420px) {
    #info_header {
        font-size: 12px;
    }
    #info_header > a{
        font-size: 9px;
    }
    .dropbtn > a{
        font-size: 0.7rem;  
        padding: 0px;  
    }
    .drop_content > a{
        font-size: 0.7rem;
    }
    #rodapé{
        font-size:0.9rem;
        flex-direction: column;
        width: 100%;
        padding: 0px;
    }
    #horarios{
        font-size: 1rem;
        padding-bottom: 25px;
        width: 100%;
    }
    
}
@media (min-width: 421px) and (max-width: 538px) {
    .dropbtn > a{
        font-size: 1rem;  
        padding: 0px;  
    }
    .drop_content > a{
        font-size: 0.9rem;
    }
    #rodapé{
        font-size:0.9rem;
        padding: 0px;
        flex-direction: column;
        width: 100%;
    }
    #horarios{
        font-size: 0.9rem;
        padding-bottom: 25px;
        width: 100%;
    }
    
}