* {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);
    
}

#box3 {
    width: 50%;
    height: 45vh;
    background: rgb(255, 255, 255);
    float: left;
    background-image: url(/images/pizza3.jpg);
    background-size: cover;
    
}

#box4 {
    width: 50%;
    height: 45vh;
    float: left;
    
    font-size: 2.5vh;
    padding: 10px;
    background-image: url(/images/pizza2.jpeg);
    background-size: cover;
}

#box5 {
    width: 50%;
    height: 30vh;
    background-color: rgb(216, 216, 216);
    float: left;
    font-size: 2.5vh;
    padding: 35px;
}

#box6 {
    width: 50%;
    height: 30vh;
    float: left;
    background-color: rgb(216, 216, 216);
    
}

#box6 p {
    text-align: center;
    padding-top: 50px;
    
}

#stars {
    font-size: 4vh;
    
}

#name {
    font-size: 2vh;
    
}

#review {
    font-size: 4vh;
}

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);
}

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

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

@media screen and (max-width: 1200px) {
    #nav {
        height: 60vh;
        float: left;
        width: 25%;
    }
    #box3 {
        float: left;
        width: 75%;
        height: 30vh;
        
    }

    #box4 {
        width: 75%;
        font-size: 2.5vw;
        height: 30vh;
        float: left;
    }

    #box5 {
        width: 100%;
        height: 45vh;
    }

    #box6 {
        width: 100%;
        height: 35vh;
    }

    #footer

    nav {
        padding-top: 25px;
    }


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

    }


}

#copyright {
   
    float: left;
}