html, body{text-shadow:0 0 5px #000; margin:0; padding:0; font-family:"Poppins", Arial, sans-serif; font-size:14px; line-height:24px; color:#fff; background-color:#000; background-image:url(images/background.jpg); background-size:contain; background-position:top; background-repeat:no-repeat;}

div, section{box-sizing:border-box;}

.content{width:100%; display:block; float:left; margin:0; padding:3% 5%;}

.header{display:block; width:100%; float:left;}

.nav{display:block; width:100%; float:left;}

.nav:after { content: ""; width: 100%; height: 1px; background-color: #fff; margin-top: 30px; display: block; float: left;
}
.nav .dropdown { display:inline-block; width:33.3333%; float:left; font-size: 21px; font-weight: 400;  font-family:Poppins, sans-serif }

.nav .dropdown .menulink{ text-align:left; color:#fff; text-decoration:none; font-size:21px; float:left; display:inline-block; width:33.3333%; font-family:Poppins, sans-serif }

.nav .booklink{  text-align:center; color:#fff; text-decoration:none; font-size:21px; float:left; margin:0 auto; width:33.3333%; font-family:Poppins, Sans-Serif }

.nav .orderlink{ text-align:right; color:#fff; text-decoration:none; font-size:21px;  float:right; display:inline-block; width:33.3333%; font-family:Poppins, Sans-Serif}


.nav .booklink:hover, .nav .orderlink:hover{text-decoration:underline; } 

.dropbtn { background-color: #000; color: white; padding: 0; border: none;}

.dropdown {position: relative; display: inline-block;}

.dropdown-content {  display: none;  position: absolute;  background-color: #000;  z-index: 1;  top: -24px;  padding: 5px 10px;  margin-left: -10px;}

.dropdown-content a {  color: #fff;  padding: 20px 0;  text-decoration: none;  display: block;  text-transform:uppercase;}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.main{ display:block; width:100%; float:left; margin:40px 0; text-align:center; }

.logo{display:block; width:100%; float:left; margin:0; text-align:center;}

.logo img{ width:180px; height:180px; }

.hero{ text-shadow: 0px 0px 10px #000; display:block; width:100%; float:left; margin:65px auto; text-align:center; font-size:8vw; font-family:"Tac One", Poppins, Sans-Serif; }

.order{ display:block; width:100%; float:left; margin:40px 0; text-align:center; }

.order button{ box-shadow: 0 0 3px #000; font-family: "Poppins"; display:inline-block; width:300px; margin:0 auto; background-color:#fff; text-align:center; padding:15px; color:#000; font-size:21px; }

.details{ display:block; width:100%; float:left; padding:20px 0; text-transform:uppercase;}

.details:before{ content:""; height:1px; background-color:#fff; display:block; width:100%; margin-bottom:20px; }

.details .inner { align-items: start; display: flex; width: 100%; float: left; columns: 3; vertical-align: top;}

.details .inner div { width: 100%; padding: 10px; max-width: 300px; margin: 0; vertical-align: top;}

.details .inner div:nth-of-type(2){ margin:0 auto; }

h3 {  font-size: 21px; font-weight: 500;}

h3:after{ content:""; display:block; float:left; height:1px; width:100%; background-color:#fff; margin:10px 0; }

.footer { position: relative; display: flex; float: left; width: 100%; align-items: center; margin-top: 20px; }

.footertop { content: ""; height: 1px; margin-bottom: 10px; background-color: #fff; display: block;width: 100%; float: left;}

.footer .copyright{ display:inline-block; float:left; width:50%; text-align:left;}

.footer .lof{ display:inline-block; float:right; width:50%; text-align:right;}

.footer .lof img{ width:50px; height:50px; }

.order button:hover{cursor:pointer; background-color: #d61923; color:#fff; transition:ease all 0.2s;}

.restaurants a{ color:#fff; text-decoration:none; cursor:pointer; }

/* Mobile Style */

@media screen and (max-width:900px){
 .details .inner { width: 100%; columns: 1; display: block;    }

.details .inner div { width: 100%; padding: 10px; max-width: 100%; margin: 0; vertical-align: top; text-align: center;  }

.details .inner table {float: none; margin: auto;  border-spacing: 10px;}

h3:after { content: ""; display: block; float: none; height: 1px; width: 200px; clear: left; background-color: #fff; margin: 10px auto;}

.footer{flex-direction:column;}

.footer .copyright { display: inline-block; float: left; width: 100%; text-align: center; margin-bottom: 20px;}

.footer .lof { display: block; float: left; width: 100%; text-align: center;}

.nav .dropdown, .nav .dropdown .menulink, .nav .booklink, .nav .orderlink{ font-size:16px; font-family:Poppins, sans-serif;}

.nav { display: block; width: 100%; float: left; margin-top: 15px;}

.dropdown-content { width: 230px;}

.dropdown{ overflow:visible; }

}