/* Universal*/
    html {
        height: 100%
        }

    body {
        background-image: url(../images/tomatosandbasil.jpg);
        position: relative;
        min-height: 100vh;
        padding-bottom: 50px;
        background-repeat: no-repeat;
        }

    #logo { 
        border: 3px solid black;
        background-color:white;
        padding-left:40px
        }
        
    #links li{
        display: inline;
        }

    #links li a {
        display: inline-block;
        background-color: green;
        color: white;
        text-align: center;
        padding: 20px 60px;
        text-decoration: none;
        font-family: "klinic slab";
        font-size: 18pt;
		border-style: solid;
		border-color: black;
		border-width: thick
        }

    li a:hover, a:active {
        background-color: #CF1C44;
        color: white;
        }

    #container {
        min-height: 90%;
        padding-bottom: 100px
        }
    
    footer {
        font-family: klinic slab; 
        color:white;
        text-shadow: 2px 2px 5px black;
        font-size: 17px;
        text-align: center;
        background-color: #CF1C44;
        width: 100%;
        position: absolute;
        bottom: 0
        }

/* Index */ 
    #feature {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
        width: 50%;
        padding-top: 20px;
            }
        
    h1 {
        font-family: klinic slab; 
        color:white;
        text-shadow: 2px 2px 5px black;
        text-align: center;
        left: 0;
        width: 100%;
        font-size: 60px;
        }
        
    h5 {
        font-family: klinic slab; 
        color:white;
        text-shadow: 2px 2px 5px black;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 30px;
        }
        
    #alfredo, #marinara {
        margin: 30px; 
        border-style: solid; 
        border-width: 7px;
        width: 380px; 
        height: 250px;
        }

    #alfredo {
        float: right
        }

    #marinara {
        float: left
        }
        
/*About Page*/
    
    #about {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        padding-top: 20px;
        }

    #abouttitle {
        font-family: klinic slab; 
        color:white;
        text-shadow: 2px 2px 5px black;
        position: absolute;
        text-align: left;
        width: 50%;
        font-size: 40px;
        padding-left: 30px;
        padding-bottom: 10px
        }
        
    #abouttext {
        font-family: klinic slab; 
        color:white;
        text-shadow: 2px 2px 5px black;
        position: absolute;
        width: 35%;
        padding-left: 275px;
        padding-bottom: 50px;
        padding-right: 30px;
        text-align: right;
        font-size: 22px;
        margin-top: 280px
        }
    
    #plateonwood {
        width: 846px;
        height: 564px;
        border-style: solid;
        border-width: 5px;
        margin-bottom: 20px
        }
/*Menu*/
    #menubody {
        position: absolute;
        }

    #ourmenu {
        font-family: klinic slab;
        color: white;
        font-size: 40px;
        padding-left: 30px;
        text-align: center;
        text-shadow: 2px 2px 5px black;>
        }
    dl { 
        list-style-type:none;
        padding: 20px;
        margin-bottom: 20px
        }
    
    dt {
        font-weight: bold
        }

    .menuhead {
        background-color: black;
        color: white;
        border-style: solid; 
        border-width: 25px;
        border-color: black
        }
    .menudl {
        list-style-type:none;
        padding: 20px;
        }

    #antipastodiv {
        border: 3px solid black;
        background-color:white;
        font-family: klinic slab;
        width: 320px;
        margin: 20px;
        float: left
        }
    #soupsandsaladsdiv {
        border: 3px solid black;
        background-color:white;
        font-family: klinic slab;
        width: 320px;
        margin: 20px;
        float: left;
        }
    #specialtiesdiv { 
        border: 3px solid black;
        background-color:white;
        font-family: klinic slab;
        float: left;
        margin: 20px;
        width: 320px;
        }
    #byopdiv {
        border: 3px solid black;
        background-color:white;
        font-family: klinic slab;
        width: 320px;
        float: left;
        margin: 20px;
        }
    #kidsdiv { 
        border: 3px solid black;
        background-color:white;
        font-family: klinic slab;
        margin-right: 57px;
        margin-bottom: 60px;
        width: 320px;
        float: right;
        }
/*Locations*/
    #locationbody {
        position: absolute;
        width: 100%;
        }
    #pastaingredients {
        float: right;
        margin: 50px; 
        border-style: solid; 
        border-width: 10px;
        width: 530px; 
        height: 800px;
        bottom: 30px
        }

    #locationtext {
        font-family: klinic slab; 
        color: white; 
        text-align: left; 
        margin-left: 50px;
        text-shadow: 2px 2px 5px black;
        }
    .locationlist {
        display: block;
        float: left; 
        background-color: white; 
        color: black; 
        padding: 20px;
        border-style: solid;
        border-width: 5px;
        margin-left: 25px; 
        font-family: klinic slab;
        }
    .locationtitle {
        font-size: 35px;
        font-weight: bold; 
        color: #CF1C44;
        }
    .locationname {
        font-size: 30px
        }
    .address {
        font-size: 20px
        }

/*Catering*/
    #cateringbody {
        position: absolute;
        width: 100%;
        }
    #cateringtext {
        font-family: klinic slab; 
        color: white;
        text-align: center;
        padding-right: 200px;
        float: right;
        text-shadow: 2px 2px 5px black;
        margin: 10xp;
        padding-bottom: 30px
        }
    #toast {
        width: 600px; 
        height: 400px;
        margin: 150px;
		margin-top: 70px;
        border-style: solid;
        border-color: black;
        border-width: 10px;
        float: left;
        }