Facka za in-line styly.
Chtěl jsem ti dát pochvalu za používání jednotky "em", ale pak jsem si všiml, že mícháš více jednotek. Jednotky "em" používáš pouze jednou a pak všude "px".
Na prd míchat u tabulky attributy pro padding atd se styly. Proč nestylovat tabulku přímo v CSS, když už se používá?
Třída "bgthead" mi přijde dost nečitelná na první pohled, co se takhle držet konvence a použít například: "bgThead" nebo "bg-thead" nebo "bg_thead"?
Jinak importovat font ve stylech bych nedoporučoval, lepší jako link v hlavičce dokumentu. Setkal jsem se s případy, kdy IE ignoroval import fontu v CSS.
Pak jen takové doporučení, lepší je udržovat a dávat marginy zespoda, nikoli ze shora, lépe se v tom pak vyznáš, když se máš držet designu.
Pak k obrázku na pozadí. Je fajn, že je ve 4K, ale proč si má někdo v tomto případě stahovat 12MB obrázek, když má jen rozlišení 1920x1080 nebo 1280x720. Nehledně na to, že 12MB je i pro 4K web hodně, rozhodně bych to zmenšil. Takže udělat media query pro rozlišení nebo i pro retinu rovnou.
Taky jsem se nudil, než se mi dodělá snídaně.