/* Box Model Hack */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/

body {
  font-family: 'Roboto Condensed', sans-serif;
}


/******************************************
/* LAYOUT
/*******************************************/
.mainnav{
  border-bottom: rgb(193,176, 157);
  background: rgb(193,176,157);
  height: 80px;
}

.mainnav li {
  list-style: none;
  display: inline-block;
}

.mainnav a {
  text-decoration: none;
  color: black;
  padding-left: 55px;
  padding-bottom: 30px;
  float: right;
}

.logo {
  height: 80px;
  width: auto;
  padding-right: 400px;
}

header {
  background-image: url(../Images/plates.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 600px;
}

.firstsection {
  margin-left: 50px;
  margin-top: 100px;
  margin-right: 500px;
}

h1 {
  font-size: 70px;
  color: white;
}

.searchinput {
  border-radius: 7px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: gray;
  border: none;
}
.locationselector {
  background: rgb(184, 121, 49);
  border: none;
  border-radius: 7px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
}

.mediaicons {
  padding-top: 30px;
} 

.mediaicons li {
  display: inline-block;
}

.mediaicons a {
  color: black;
  text-decoration: none;
  padding-left: 25px;
  font-size: 25px;
}

.secondsection {
  background-image: url(../Images/secondmainphoto.jpeg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 600px;
}

h3 {
  color: rgb(184, 121, 49);
  font-size: 20px;
}

.secondsection p {
  color: black;
  font-size: 15px;
  padding-top: 15px;
}

.seconddiv {
  margin-left: 600px;
  margin-right: 150px;
  padding-top: 70px;
}

.seconddiv h2 {
  color: white;
  font-size: 50px;
  padding-top: 10px;
}

.discovermenu {
  background: rgb(184, 121, 49);
  border-radius: 7px;
  margin-left: 600px;
  margin-top: 45px;
  color: white;
  border: none;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.thirdsection {
  background: rgb(193,176,157);
  height: 600px;
  margin-top: 0px;
  text-align: center;
}

.thirdsection h3 {
  padding-top: 50px;
}

.thirdsection h2 {
  font-size: 50px;
  padding-top: 15px;
}

.thirdsection nav {
  padding-top: 20px;
}

.foodnav li {
  display: inline-block;
  padding-left: 15px;
  padding-bottom: 30px;
  text-decoration: underline;
  list-style: none;
  font-size: 20px;
}

.foodnav a {
  color:white;
}

.dinner a {
  color: rgb(184, 121, 49);
}

.dinnermenu {
  padding-right: 20px;
}

.foodimg {
  width: 25%;
  height: 270px;
  float: left;
  padding-left: 20px;
}

.fourthsection {
  background-image: url(../Images/leafbackground.jpeg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 650px;
  text-align: center;
}

.fourthsection h3 {
  padding-top: 50px;
}

.fourthsection h2 {
  font-size: 50px;
  padding-top: 15px;
}

.fourthsection span {
  padding-top: 15px;
  font-weight: bold;
}

.fourthsection div {
  padding-top: 15px;
  font-weight: bold;
  align-content: center;
}

.callnow {
  font-size: 20px;
}
.lastdiv {
  width: 50%;
  float: left;
  padding-left: 5px;
  padding-bottom: 10px;
  font-size: 20px;
}

.resinterior {
  height: 400px;
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 10px;
}

.interiorpics {
  padding-right: 20px;
  padding-left: 20px;
}

/******************************************
/* ADDITIONAL STYLES
/*******************************************/