* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}

#header {
    width: 100%;
    height: 15vh;
    background-color: rgb(66, 66, 66);
}



#top {
    text-align: center;
}

#top span {
    text-shadow: black 2px 2px 2px;
    color: rgb(255, 252, 235);
    font-family:   Lucida Handwriting;
    font-size: 5vh;
  
}


#bottom {
    text-align: center;
}

#bottom span {
    font-size: 5vh;
    color: rgb(255, 252, 235);
    font-family: Verdana;
    text-align: center;
    border-top: 1px solid rgb(14, 168, 0);
    border-bottom: 1px solid rgb(219, 0, 0);
    text-shadow: black 2px 2px 2px;
}


#nav {
    width: 100%;
    height: 5vh;
    background-color: rgb(66, 66, 66);
    
}


nav {
    text-align: center;
    padding-top: 5px;
}

a {
    font-size: 20px;
    color: white;
    margin: auto;
    text-decoration: none;
    padding: 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-shadow: black 1px 1px 1px; 
    font-size: 1.5vw;
    padding: 20px;
  
}


a:hover {
    color: rgb(255, 255, 154);
}




body {
    background-color: rgb(216, 216, 216);
}

#pizza {
    width: 25%;
    height: 75vh;
    background-color: rgb(255, 255, 255);
    float: left;
   
}


#pizza h2 {
    text-align: center;
    padding: 15px;
    font-size: 24px;
}



#pizza p {
    padding: 35px;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

#pizza span {
    font-size: 18px;
  
}




#subs {
    width: 25%;
    height: 75vh;
    background-color: rgb(247, 255, 203);
    float: left;
}


#subs h2 {
    text-align: center;
    padding: 15px;
    font-size: 24px;
}



#subs p {
    padding: 35px;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

#subs span {
    font-size: 18px;
  
}

#wings {
    width: 25%;
    height: 75vh;
    background-color: rgb(255, 255, 255);
    float: left;
}


#wings h2 {
    text-align: center;
    padding: 15px;
    font-size: 24px;
}



#wings p {
    padding: 35px;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

#wings span {
    font-size: 18px;
  
}

#salads {
    width: 25%;
    height: 75vh;
    background-color: rgb(247, 255, 203);
    float: left;
}


#salads h2 {
    text-align: center;
    padding: 15px;
    font-size: 24px;
}



#salads p {
    padding: 35px;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
}

#pizza span {
    font-size: 18px;
  
}


h2 {
    color: red;
    font-size: 50px;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#footer {
    width: 100%;
    height: 10vh;
    background-color: rgb(66, 66, 66);
    float: left;
    padding: 15px;
    color: white;
}

#footerlinks a {
    font-size: 14px;
}

#copyright {
   
    float: left;
}

   




























@media screen and (max-width: 1200px) {
    #nav {
        height: 70vh;
        float: left;
        width: 25%;
    }
    
    nav {
        padding-top: 25px;
    }


    a {
        display: table;
        font-size: 3vw;

    }

    #pizza {
        width: 75%;
        height: 61vh;
        float: left;
        
    }

    #pizza p {
        padding: 10px;
    }
    
    #subs {
        width: 100%;
        height: 55vh;
        float: left;
    }

    #subs p {
        padding: 10px;
    }
    
    
    #wings {
        width: 100%;
        height: 45vh;
        float: left;
    }

    #wings p {
        padding: 10px;
    }
    
    #salads {
        width: 100%;
        height: 55vh;
        float: left;
    }

    #salads p {
        padding: 10px;
    }

}