#title { margin: -30px 2% 0 3%; width: 26%; padding: 10px 0; text-align: center; float: right; }
#title h2 { text-transform: uppercase; text-align: center !important; font-size: 22px !important; color: #E77529; background: #651C10; padding: 0 2% 20px 2% !important; }
#title a:hover { color: #ffffff; }



@media screen and (max-width: 1250px) {
    
    #title { margin-right: 3%; width: 25.4%; }
    
}


@media screen and (max-width: 768px) {
    
    #title { width: 42%; }
    
}

@media screen and (max-width: 320px) {
    
    #title { float: none; margin: 0 auto; width: 90%; padding-top: 0; } 
    #title h2 { margin-top: 0 !important; }   
    
    .logo_subpage { display: none; } 
    
}