*{
    margin: 0;
    padding: 0;
    border: 0;
}

html, body, header{
    height:100%;
}

       .header{
           height: 50px;
           width: 100%;
           margin: 0px auto;
           position: fixed;
           top: 0px;
}

       .container{
            width: 100%;
            margin: 70px auto;
            height: 2000px;
}

        .logo{
            float: left; 
            padding: 0;
}

        nav{
            float: right;
}
        
        nav ul{
            margin:0; 
            padding: 0; 
            list-style: none;
}
        
        nav li{
            display: inline-block; 
            margin: 30px; 
            padding-top: 30px;
            position: relative;
}
        
        nav a{
            color: #7b573e; 
            text-decoration: none; 
            text-transform: uppercase; 
            font-size: 20px;
}
    
        nav a:hover{
            color:#5e1211
}
        
        nav a::before{
            content: ''; 
            display: block; 
            height: 5px;
            background-color: #5e1211; 
            position: absolute; 
            top: 0;
            width: 0;
            transition: all ease-in-out 250ms;
}
        
        nav a:hover:before{
            width: 100%;
}  

       #main{
           overflow: auto;
           padding-bottom: 100px;
           margin-top: 25%;
           margin-left: auto;
           margin-right: auto;
    }

       #box1{
	
    height: 100vh;
    width: 100%;
    background-image: url(images/basil-594168.jpg);
    background-size: cover;
	text-transform: uppercase;
    display: table;
    background-attachment: fixed;
}
       #box2{
    height: 100vh;
    width: 100%;
    background-image: url(images/noodles-2733636.jpg);
    background-size: cover;
    text-align: center;
	text-transform: uppercase;
    display: table;
	background-attachment: fixed;
}
       #box3{
    height: 100vh;
    width: 100%;
    background-image: url(images/italian-food-2157243.jpg);
    background-size: cover;
    text-align: center;
	text-transform: uppercase;
	display: table;
    background-attachment: fixed;
}
       h1{
	top: 30%;
	font-size: 50px;
	color: #d7c5b7;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}

       #footer{
          position: relative;
          height: 100px;
          margin-top: -100px;
          clear:both;
}