#menu { //sabit üst menü
    top: 0px;
    position: fixed;
    background-color: #F7ECA4;
    width: 1000px;
    z-index: 1;
    text-align: center;
    display: block;
   height:50px;

Bu kısım responsive olması açısından şu şekilde yapılabilir:

#menu { //sabit üst menü
    top: 0px;
    position: fixed;
    background-color: #F7ECA4;
    width: 100%;
    z-index: 1;
    text-align: center;
    display: block;
   height:50px; <- Bunun yerine padding koymanız ve menüyü <li> tarzında ayırmanızı tavsiye ederim.

footer içinde aynısı yapılabilir ve fixed vermek yerine body bitimine koyulup girilen içeriğe göre aşağı düşürülebilir. Size bootstrap kullanmanızı tavsiye ederim. Kendinizi geliştirmek için harika olacaktır.



Menü için bakabilirsiniz: https://www.w3schools.com/css/css_navbar.asp
Ek olarak: https://www.w3schools.com 'u genel anlamda inceleyebilirsiniz. Öğrenmek istediğiniz her şey temel düzeyden orta düzeye kadar anlatılıyor. Bir miktar ingilizce yeterli olacaktır.