How to override AEM default favicon icon and page title in AEM 6.4 ?

Thanks for the response smacdonald2008​ but the article explains creating a favicon icon and title for the custom web pages.

My requirement is to override the AEM's OOTB/default favicon icon and page title for all the AEM DAM pages as part of branding requirement from the customer.

1. For all pages except the login page the favicon icon is coming from "libs/granite/ui/components/foundation/page/favicon/favicon.jsp" component. I tried overlaying it as described here but in AEM 6.4 the components, foundation, page, and favicon folder are classified as "jcr:mixinType" as "granite:finalArea" and  as per AEM 6.4 docs "Nodes classified as final cannot be overlaid or inherited. Final nodes can be used directly via sling:resourceType. Subnodes under final node are considered internal by default". I am not able to figure out how to override/use this.
2. The title for all the pages are getting dynamically fetched according to the context of the page i.e  "Environment | Context based Page Title" I am not able to figure out how these are getting fetched and how to override them. Atleast, if in any way I could remove/replace the word "AEM"(if present) in the title with customer Name that would be help.