/* logo postion and size */
    .navbar-brand { 
    width:170px; /* logo size */
    padding-top:30px;
    }

    .navbar-left{
      margin-left:0px;
    }

    .img-responsive {
      margin-top:-60px;

    }

/* icon-bar */
    .icon-bar {
    background-color:white !important;
   /* color change border:1px solid orange; */
    }

    .navbar-toggle {
      margin-bottom:30px;
      border:none;
    }

    .navbar-toggle:hover {
      background-color:white;
    }

/* navbar */
    .navbar {
      padding-top:50px;
      padding-bottom:20px;
    }

    p.nav-text {
      color:#fff;
    }

    .nav-text:hover {
    color:#ff9999;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;

    } 

/* menu-overview */
  .menu-overview {
    font-size:22px;
    color:#ff944d;
  }

  .menu-overview:hover {
    text-decoration:none;
    color:red;
  }


/* star */
  .star {
    color:#ffc61a;
    font-size:28px;
  }

/* promo bar */
    .promo {
      background-color:red;
      height:60px;
    }

    p.promo {
      color:white;text-align:center;
      padding-top:18px;
    }

/* Add a gray background color and some padding to the footer */
    .footer {
      background-color: #f2f2f2;
      padding-top: 60px;
      padding-bottom: 60px;
    }

  /* restaurant guru badge */
  .restaurant_guru_badge {

  }

/* header */
    .header {
      margin:auto;
      background-image: url("../images/home-bg.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment: fixed; /* fix image position when scrolling down */
    }

/* menu-header */
    .menu-header {
      margin:auto;
      background-image: url("../images/menu-header.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment: fixed; /* fix image position when scrolling down */
    }

/* direction */
    .direction {
      margin:auto;
      background-image: url("../images/direction-bg.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment:fixed; /* fix image position when scrolling down */
    }

/* careers */
    .careers {
      margin:auto;
      background-image: url("../images/careers-bg.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment:fixed; /* fix image position when scrolling down */
    }

/* direction */
    .contact_us {
      margin:auto;
      background-image: url("../images/contact-us-bg.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment:fixed; /* fix image position when scrolling down */
    }

/*middle photo*/
    .middle-photo {
    background-image:url(../images/middle.jpg);
    height:500px;
    background-attachment: fixed; /* fix image position when scrolling down */
    background-repeat: no-repeat;

    }


/* hour */
    .hour {
      padding:40px 0px 20px 0px;
    }

    .header-main {
      max-width:1000px;
      margin:auto;
      color:white;
      font-size:44px;
      text-align:center;
      padding-top:120px;
      font-weight:500;
      padding-right:20px; /* space from browser edge */
      padding-left:20px;
    }

    .header-sub {
      max-width:800px;
      margin:auto;
      color:white;
      font-size:24px;
      text-align:center;
      padding-top:30px;
      padding-bottom:50px;
      font-family:'Lato', Calibri, Arial, sans-serif;
      padding-left:20px;
      padding-right:20px;
    }

    p.header-button {
    text-align:center;
    font-size:38px;
    padding-bottom:120px;
  }

/* box button */
    .button {
    border: red solid;
    color: red;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    letter-spacing:1pt;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius:3px;
    margin-top:-10px;
}

  .button:hover {
    background-color:red;
    color:white;
    opacity: 0.9;
}

/* get started */
  .get-started {
    background-color:#F8F8F8;
    padding-top:50px;
    padding-bottom:50px;
  }

  p.get-started {
    text-align:center;
    font-size:28px;
    padding-bottom:20px;
  }

/* lesson */
  p.services {
    padding-top:40px;
    padding-bottom:50px;
    font-size:28px;
  }

  p.headline {
    font-size:24px;
    text-align:left;
    padding:40px 25px 0px 25px;
    color:red;
  }

  p.description {
    text-align:left;
    font-size:18px;
    padding:25px 25px 35px 25px;
    margin-top:-20px;
  }
    
/* footer left */
    p.footer-left {
      text-align:left;
      font-size:18px;
    }

/* footer middle */

    p.footer-middle {   
      text-decoration:none;
      color:#000;
    }

    a.footer-middle:link, a:visited {
    color:#990000;
    display: inline-block;
    font-weight:600;
    line-height:17px;
    }

    a.footer-middle:hover {
    color:#C8C8C8;
    display: inline-block;
    text-decoration:none;
    }

    ul {
    list-style-type: none;
    text-align:left;
    margin: 0;
    padding: 0;
    font-size:16px;
    }

/* footer right */
    p.footer-right {
      text-align:left;
      font-size:18px;
      text-decoration:none;
    }

  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }

/* Style all font awesome icons */
    .fa {
    color:#000;
    font-size: 30px;
    text-align: left;
    text-decoration: none;
    background-color:hidden;
    padding-right:10px;
    }

/* Add a hover effect if you want */
    .fa:hover {
    opacity: 0.7;
    text-decoration:none;
    color:#C8C8C8;
    }

/* Social Icon */
    p.social-icon {
    font-size:25px;
    color:white;
    text-align:left;
    }

/* Facebook */
    .fa-facebook {
    color: #404040;
    }

/* Instagram */
    .fa-instagram {
    color: #404040;
    }

hr {
   width: 100%; 
   text-align: center; 
   line-height: 10px;/* line position */
   margin-bottom: 60px;
   margin-top: 60px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);

}

/* Copyright */
    p.copyright {
      text-align:center;
      padding:60px 0px 0px 0px;
      color:#fff;
    }

/* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption{
      display: none; 
    }

/* nav bar */
  .navbar-toggle {
      margin-bottom:60px; /* space between logo and nav text on mobile */
      border:none;
    }


/* promo bar */
  p.promo {
    font-size:18px;
    padding-right:20px;
    padding-left:20px;
    padding-top:26px;
    padding-bottom:20px;
    height:80px;
  }  

  /* restaurant guru badge */
  .restaurant_guru_badge {
    width:50%;
    height:auto;
  }

/* header */
    .header {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-450px;
    background-attachment:scroll;
    margin-top:-30px;
    }

/* menu-header */
    .menu-header {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-450px;
    background-attachment:scroll;
    }

/* direction */
    .direction {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-450px;
    background-attachment:scroll;
    }

/* contact_us */
    .contact_us {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-450px;
    background-attachment:scroll;
    }

/* menu */
    .menu {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;
    margin-bottom:-130px;
    }

/* deal */
    .deal {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;
    margin-bottom:-130px;

    }

/* middle */
    .middle-photo {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-160px;
    background-attachment:scroll;
    }

/* Copyright */
    .copyright {
      margin-top:-35px;
    }


  }