@media(max-width:850px){
    /* fondo naranja y letras blancas del primer "a" pues es la pagina que se muestra*/
.color1{
        color: #fff;
        background-color: #005ADD;    
    }
    /* fondo gris y letras naranjas de las demas paginas del menu con su hover respectivo */
.color2{
        color: #005ADD;
        
    }

}
@media(min-width:850px){
    /* fondo naranja y letras blancas del primer "a" pues es la pagina que se muestra*/
.color1{
        color: #fff;
        background-color: rgba(0,100,250,0.8);
        border-radius: 5px;   
    }
    /* fondo gris y letras naranjas de las demas paginas del menu con su hover respectivo */
.color2{
        color: #005ADD;
        border-radius: 5px;   
    }

.color2:hover{
    background: rgba(0,0,0,0.8);
    border-radius: 5px;  
    color: #fff;
}
   
}