body{
    
    background-color:  black; 
}

        
#mainpage{
    width: 1200px;
    height: 750px;
    background-color: black;
    margin: 0 auto;
    position: relative;          
}

.mainpciture1{
    width: 1200px;
    height: 675px;
    background-image: url(../images/pasta.png)
    position:absolute;

}

#fun{
    width: 300px;
    height: 50px;
    position: absolute;
    left:600px;
    top: 150px;
    color: #0b9446;

}

#fun h1 {
    font-family: 'Bree Serif', serif;
    font-size: 2.5em;
  }

#and{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 810px;
    top: 150px;
    color: #CF1C44;

}

#and h1 {
    font-family: 'Bree Serif', serif;
    font-size: 2.5em;
  }

#filled{
    width: 300px;
    height: 50px;
    color: #0b9446;
    position: absolute;
    left:650px;
    top: 200px;

} 

#filled h1 {
    font-family: 'Bree Serif', serif;
    font-size: 2.5em;
  }


#logo{
    width: 200px;
    height: 100px;
    background-image: url(../images/logo.png);
    position: absolute;
    left:800px;
    top: 460px;

} 

ul#menu{
    margin:auto;
}

ul#menu li {
    font-family: 'Roboto', sans-serif; 
    font-size: 1.25em;
    font-style: bold;
    display:inline-block;
    margin:auto;
    padding-top: 80px;
    padding-left: 105px;
    padding-right: 105px;      
}

ul#menu li a{
    text-decoration: none;
    color: #d8c6b8;
}

ul#menu li a:hover{
    color:#543136
}

#navbar{
    width: 1200px;
    height: 40px;
    position: absolute;
    top: 550px;
    color: #d8c6b8;
}



#footer {
    width:1200:

} 

 #menupage{
    width: 1200px;
    height: 1900px;
    background-color: #d8c6b8;
    margin: auto;
    position: relative;          
}

#menuheader{
    width:1200px;
    height:150px;
    background-image: url(../images/pastaheader.png);
    position: absolute;
    
}

#menulogo{
    width: 430px;
    height: 75px;
    background-image: url(../images/logolong.png );
    position: absolute;
    left:700px;
    top: 40px;
}

#menulogobck{
    width: 403px;
    height: 47px;
    background-color: #d8c6b8;
    opacity: 0.25;
    position: absolute;
    left:712px;
    top: 55px;
}

#menutitle{
    width: 550px;
    height: 10px;
    position: absolute;
    left:100px;
    top: -10px;
    color: #0b9446

}

#menutitle h1 {
    text-align: left;
    text-shadow: 3px 3px #543136;
    font-family: 'Bree Serif', serif;
    font-size: 4em;
  }

#belowmenu {
    width: 1200px;
    height: 10px;
    background-color: #0b9446;
    position: absolute;
    top: 150px;
}

ul#menuitems {
    margin:auto;
}

ul#menuitems li {
    font-family: 'Roboto', sans-serif; 
    font-size: 1.5em;
    font-style: bold;
    display:inline-block;
    margin:inherit  ;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;      
}

ul#menuitems li a{
    text-decoration: none;
    color: #543136;
}

ul#menuitems li a:hover{
    color:  white;
}


#starterstitle{
    width: 300px;
    height: 50px;
    position: absolute;
    left: 120px;
    top: 180px;

}
#starterspic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/salad.png);
    position: absolute;
    border-radius: 25px;
    left:125px;
    top: 220px;

}
#pastatitle{
    width: 300px;
    height: 50px;
    background-color: #d8c6b8;
    position: absolute;
    left:650px;
    top: 180px;

}
#pastapic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/spaghetti.png );
    position: absolute;
    border-radius: 25px;
    left:675px;
    top: 220px;

} 

#mainstitle{
    width: 300px;
    height: 50px;
    position: absolute;
    left:120px;
    top: 710px;
    color: #0b9446;

}
#mainspic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/mains.png);
    position: absolute;
    border-radius: 25px;
    left:125px;
    top: 750px;

}
#pizzatitle{
    width: 300px;
    height: 50px;
    background-color: #d8c6b8;
    position: absolute;
    left:650px;
    top: 710px;

}
#pizzapic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/pizza.png);
    position: absolute;
    border-radius: 25px;
    left:675px;
    top: 750px;

} 
#dessertstitle{
    width: 300px;
    height: 50px;
    background-color: #d8c6b8;
    position: absolute;
    left:100px;
    top: 1240px;

}
#dessertspic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/dessert.png);
    position: absolute;
    border-radius: 25px;
    left:125px;
    Top: 1280px;

}
#beveragestitle{
    width: 300px;
    height: 50px;
    background-color: #d8c6b8;
    position: absolute;
    left:650px;
    top: 1240px;

}
#beveragespic{
    width: 400px;
    height: 450px;
    background-color: #d8c6b8;
    background-image: url(../images/drinks.png);
    position: absolute;
    border-radius: 25px;
    left:675px;
    top: 1280px;

}
#menufooterbkg{
    width: 1200px;
    height: 160px;
    position:absolute;
    top: 1780px;
    background-color: #0b9446;
}

#multifooterpic  {
    width: 1200px;
    height: 150px;
    position: absolute;
    background-image: url(../images/pastafooter.png);
    top:10px;

}  
#multifooternavbar{
    width: 1200px;
    height: 40px;
    position: absolute;
    top: 20px;
    color: #d8c6b8;
}  

#footerlogo{
    width: 430px;
    height: 75px;
    background-image: url(../images/logolong.png );
    position: absolute;
    left:385px;
    top: 10px;
}

#footerlogobck{
    width: 403px;
    height: 47px;
    background-color: #d8c6b8;
    opacity: 0.25;
    position: absolute;
    left:398px;
    top: 22px;
}
 #menupizzapage{
    width: 1200px;
    height: 1058px;
    background-color: #d8c6b8;
    margin: auto;
    position: relative;          
}

 #menustarterpage{
    width: 1200px;
    height: 1158px;
    background-color: #d8c6b8;
    margin: auto;
    position: relative;          
}

#header1{
    width: 300px;
    height: 50px;
    position: absolute;
    color: #0b9446;
    left: 100px;
    top: 180px;
}
#header1 h1 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 2em;
  }
#sp1{
    width:150px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:250px;
}
#sp1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#sp1desc{
    width:500px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 256px;       
}

#sp1desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}
#sp2{
    width:150px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:310px;
}
#sp2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#sp2desc{
    width:500px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 316px;       
}

#sp2desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#sp3{
    width:150px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:370px;
}
#sp3 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#sp3desc{
    width:500px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 376px;       
}

#sp3desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}
#sp4{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:430px;
}
#sp4 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#sp4desc{
    width:500px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 436px;       
}

#sp4desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}
#sp5{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:485px;
}
#sp5 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#sp5desc{
    width:500px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 491px;       
}

#sp5desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#header2{
    width: 500px;
    height: 50px;
    position: absolute;
    color: #0b9446;
    left: 100px;
    top: 580px;
}
#header2 h1 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 2em;
  }

#toppings{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:645px;
}
#toppings h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#toppingsdesc{
    width:500px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 651px;       
}

#toppingsdesc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#toppings2{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:725px;
}
#toppings2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#toppings2desc{
    width:500px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 731px;       
}

#toppings2desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#pizzamenupic{
    width:400px;
    height:600px;
    background-image: url(../images/pizzamenu.png );
    position: absolute;
    left: 799px;
    top: 260px;
}

#menunavbar{
    width: 1200px;
    height: 260px;
    position:absolute;
    top:900px;
}


ul#greenmenu {
    margin:auto;
}

ul#greenmenu li {
    font-family: 'Bree Serif', serif;
    font-size: 1.75em;
    font-style: bold;
    display:inline-block;
    margin:inherit  ;
    padding-top: 25px;
    padding-left: 45px;
    padding-right: 45px;      
}

ul#greenmenu li a{
    text-decoration: none;
    color: #0b9446;
}

ul#greenmenu li a:hover{
    color:  white;
}


#pizzafooterbkg{
    width: 1200px;
    height: 160px;
    position:absolute;
    top: 100px;
    background-color: #0b9446;
}

#pastamenupic{
    width:400px;
    height:600px;
    background-image: url(../images/spaghettimenu.png );
    position: absolute;
    left: 799px;
    top: 260px;
}

#apps2{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:705px;
}
#apps2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#apps2desc{
    width:500px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 708px;       
}

#apps2desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#apps3{
    width:170px;
    height: 50px;
    position:absolute;
    color: #543136;
    left: 100px;
    top:762px;
}
#apps3 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.25em;
}
#apps3desc{
    width:500px;
    position:absolute;
    color: #543136;
    left: 265px;
    top: 766px;       
}

#apps3desc h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif; 
    font-size: 1.125em;
}

#appsmenupic {
    width:400px;
    height:600px;
    background-image: url(../images/saladmenu.png) ;
    position: absolute;
    left: 799px;
    top: 260px;
}

#mainmenupic {
    width:400px;
    height:600px;
    background-image: url(../images/mainmenu.png) ;
    position: absolute;
    border-radius: 25px;
    left: 799px;
    top: 260px;
}
#dessertmenupic{
    width:400px;
    height:600px;
    background-image: url(../images/dessertmenu.png) ;
    position: absolute;
    left: 799px;
    top: 260px;
}
#drinkmenupic{
    width:400px;
    height:600px;
    background-image: url(../images/winemenu.png) ;
    position: absolute;
    left: 799px;
    top: 260px;
}
#address1{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:225px;
}
#address1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#city1{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:250px;
}
#city1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#phone1{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:275px;
}
#phone1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#loc1hoursweekday1 {
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:300px;
}
#loc1hoursweekday1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}

#loc1hoursweekend1 {
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:325px;
}
#loc1hoursweekend1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}


#location1pic{
    width:500px;
    height:300px;
    position: absolute;
    background-image: url(../images/location1.png);
    border-radius: 25px;
    left:430px;
    top:250px;
}
#address2{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:585px;
}
#address2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#city2{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:610px;
}
#city2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#phone2{
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:635px;
}
#phone2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#loc1hoursweekday2 {
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:660px;
}
#loc1hoursweekday2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}

#loc1hoursweekend2 {
    width:500px;
    height: 30px;
    position:absolute;
    color: #543136;
    left: 125px;
    top:685px;
}
#loc1hoursweekend2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#location2pic{
    width:500px;
    height:300px;
    position: absolute;
    background-image: url(../images/location2.png);
    border-radius: 25px;
    left:430px;
    top:630px;
}
#header3{
    width: 500px;
    height: 50px;
    position: absolute;
    color: #0b9446;
    left: 100px;
    top: 540px;
}
#header3 h1 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 2em;
  }
#aboutus1{
    width: 600px;
    height: 50px;
    position: absolute;
    left: 200px;
    top: 220px;
}
#aboutus1 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}

#header4{
    width: 500px;
    height: 50px;
    position: absolute;
    color: #0b9446;
    left: 100px;
    top: 340px;
}
#header4 h1 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 2em;
  }
#aboutus2{
    width: 600px;
    height: 50px;
    position: absolute;
    left: 200px;
    top: 390px;
}
#aboutus2 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#aboutus3{
    width: 600px;
    height: 50px;
    position: absolute;
    left: 200px;
    top: 480px;
}
#aboutus3 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
#aboutus4{
    width: 600px;
    height: 50px;
    position: absolute;
    left: 200px;
    top: 620px;
}
#aboutus4 h2 {
    text-align: left;
    font-family: 'Bree Serif', serif;
    font-size: 1.125em;
}
 #aboutuspage{
    width: 1200px;
    height: 958px;
    background-color: #d8c6b8;
    margin: auto;
    position: relative;          
}

#aboutusnavbar{
    width: 1200px;
    height: 260px;
    position:absolute;
    top:700px;
}
#aboutuspic{
    width: 200px;
    height: 600px;
    position: absolute;
    background-image: url(../images/aboutus.png);
    border-radius: 25px;
    left: 950px;
    top: 180px;
}