body{margin:0px}
.background { background-image:url(images/background.jpg); margin: 0px; padding: 0px; background-repeat: no-repeat; background-size: cover; height: 950px; border: 0px; text-align: left }
header { background-color: gray; height: 100px;  margin-left: auto; margin-right: auto; width:auto;}
h1 { text-align: center; color:gray}
p { text-align: center; color:lightgray; font-size: 100px;margin-left: auto; margin-right: auto; width: 600px; font-family:serif; margin-top: 400px}
li { display: inline; padding:17px; font-size: 20px;}
a { text-decoration: none; color:black;font-family: cursive; font-size: 30px; margin-left: auto; margin-right: auto;}
.link{ margin-left: auto; margin-right: auto; margin-top: 10px}
di {text-align: center;}
.lit { float:left; padding-left: 0px; }
ul {margin: 0px}
.paragraph{ margin left: auto; margin-right: auto; margin-top: 100px; font-family: 'Cabin', sans-serif;}
.paragraph_1 { font-size: 50px; text-align: center; width: 1500px; color:gray; background-color: white; color: gray; width: 1000px; float: right; float: inherit; margin-top: 100px}
footer{background-color: grey; color: white; height: 100px; text-align: center; font-size: 25px; clear: both; margin:0px; padding: 0px}
.backgroundmenu { background-image: url(images/backgroundmenu.jpg); margin: 0px; padding: 0px; background-repeat: no-repeat; background-size: cover; height: 950px; border 0px; text-align: left}
.paragraph_2{font-size: 50px; text-align: center; color: gray; margin-left: ; margin-right:;}
.taco {font-size: 50px; text-align: center; float: left; width: 45% }
.burrito{font-size: 50px; text-align: center; float: left; width 45%}
.queso{ font-size: 50px; text-align: center; float: left; width: 45% }

.chicken{ font-size: 40px; text-align: center; float: left; width: 30%}
.pork {font-size: 40px; text-align: center; float: left; width: 30%}
.steak {font-size: 40px; text-align: center; float: left; width: 30%}
.sides {font-size: 40px; text-align: center; margin-top: 100px; margin-bottom: 0px; color: gray;}
.Sides{ color: black; font-size: 40px}
.deserts { color: gray; font-size: 40px; text-align: center}
.Deserts {color: black; font-size: 40px}
iframe {float: left; margin-top: 31px}
.backgroundlocation {background-image: url(images/backgroundlocation.jpg); margin: 0px; padding: 0px; background-repeat: no-repeat; background-size: cover; overflow: hidden; height: 950px }
.backgroundgiftcards{ background-image: url(images/backgroundgiftcards.jpg); background-repeat: no-repeat; background-size: cover; height: 950px}
h1{ margin: 100px; text-align: center; font-size: 100px; color: }
.paragraph2{text-align: center; margin left: auto; margin-right: auto; margin-top: 200px}
.paragraph3{ margin: 100px; text-align: center}
.giftpic{ float: right}
.giftcardbuy {font-size: 50px; margin: 150px; float: left}
.backgroundcatering{ background-image: url(images/backgroundcatering.jpg); background-repeat: no-repeat; background-size: cover; height: 950px; text-align: left; margin: 0px; padding: 0px;  }
.cateringheading{ color: grey; font-size: 150px;}
h3{ margin: 0px}
.paragraph4{ margin: 100px; font-size: 75px; text-align: left; float: left; color: gray}
.cateringimg{ float: right; margin-top: 100px}
.taco2{ margin-left: auto; margin-right: auto}
.form { float: left; margin left: 500px; margin-right: 500px; margin-top: 100px; font-size: 50px; text-align: center;}
.solimg{ margin-bottom: 0px }
.paragraph5 {margin: 100px; font-size: 75px; text-align: left; float: right; color: gray; }
.giftpic2{ float: left; margin: 50px}

/* Giving a background-color to the nav container. */
nav {
    margin: 0px 0px;
    background-color: gray;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
    }

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px 0px 0 0;
    display:inline-block;
    background-color: gray;
    }

/* Styling the links */
nav a {
    display:block;
    padding:px;
    color:#FFF;
    font-size:20px;
    line-height: 60px;
    text-decoration:none;
}

/* Background color change on Hover */
nav a:hover {
    background-color: #000000;
}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
    display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    min-width:170px;
    display:list-item;
    position: relative;
}