body{
margin:0;
padding:0;
font-family:'Segoe UI',Arial,sans-serif;
background:linear-gradient(135deg,#f5f7fa,#e8ecef);
color:#222;
}

/* NAVBAR */

.navbar{
border:none;
border-radius:0;
margin-bottom:0;
background:linear-gradient(to right,#1e293b,#334155);
padding:8px;
box-shadow:0 3px 15px rgba(0,0,0,.15);
}

.navbar-brand{
font-size:36px;
font-weight:700;
color:white !important;
letter-spacing:1px;
}

.navbar-toggle{
border:none;
background:white;
}

.navbar-toggle:hover{
background:#ddd !important;
}

#collapsable-nav{
background:#334155;
}

#collapsable-nav a{
color:white !important;
font-size:18px;
}

#collapsable-nav li{
border-bottom:1px solid rgba(255,255,255,.2);
}

/* PAGE TITLE */

.page-title{
font-size:60px;
font-weight:800;
margin-top:40px;
margin-bottom:50px;
text-transform:uppercase;
letter-spacing:2px;
color:#1e293b;
}

/* CARDS */

.menu-card{

background:white;

border-radius:20px;

padding:35px;

margin-bottom:35px;

min-height:700px;

box-shadow:
0 10px 25px rgba(0,0,0,.08);

transition:.4s;
overflow:hidden;
position:relative;
}

.menu-card:hover{

transform:translateY(-12px);

box-shadow:
0 20px 35px rgba(0,0,0,.15);

}

/* TOP COLOR BAR */

.menu-card:before{

content:"";

position:absolute;

top:0;
left:0;

height:8px;
width:100%;

}

#chicken:before{
background:#e67e22;
}

#beef:before{
background:#e74c3c;
}

#sushi:before{
background:#16a085;
}

/* TITLES */

.menu-title{

font-size:42px;
font-weight:800;
text-align:center;
margin-bottom:10px;
}

.chicken-title{
color:#e67e22;
}

.beef-title{
color:#c0392b;
}

.sushi-title{
color:#16a085;
}

.menu-subtitle{

text-align:center;

text-transform:uppercase;

letter-spacing:5px;

font-size:13px;

color:#777;

margin-bottom:30px;
}

/* TEXT */

.menu-intro{

font-size:18px;

line-height:1.8;

color:#444;

margin-bottom:30px;
}

/* FOOD LIST */

.dish-list{

list-style:none;

padding:0;
}

.dish-list li{

display:flex;

justify-content:space-between;

padding:14px 0;

border-bottom:1px solid #eee;

font-size:18px;

transition:.3s;
}

.dish-list li:hover{

padding-left:8px;

background:#fafafa;
}

.dish-list span:first-child{

font-weight:600;
}

.dish-list span:last-child{

font-weight:700;
color:#666;
}

.menu-note{

margin-top:25px;

font-style:italic;

color:#666;

line-height:1.7;
}

/* MOBILE */

@media(max-width:767px){

.page-title{

font-size:42px;
}

.menu-card{

min-height:auto;
}

.navbar-brand{

font-size:28px;
}

}