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

    .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;
  }

  .menu-button {
    margin:auto;
    background-color:red;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left:50px;
    padding-right:50px;
    border:solid 2px #ffa500;
    font-size:14px;
  }

  a.menu-button {
    text-decoration: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
  }

  .menu-button:hover {
    background-color:#ffa500;
  }


/* google font */
  .about {
  font-family: 'Oswald', sans-serif;
  }

/* description */
  .intro {
  font-family: 'arial', sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
  }


/* classic & specialty */
  .classic-specialty {
  height: 300px;

  }

/* nigiri & sashimi */
  .nigiri-sashimi {
  height: 300px;

  }

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


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

/* header */
    .header {
      margin:auto;
      background-image: url("../images/homepage_banner.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-header */
    .direction-header {
      margin:auto;
      background-image: url("../images/direction-header.jpg");
      background-size: cover; 
      width:100%;
      margin-bottom:-10px;
      background-attachment: fixed; /* fix image position when scrolling down */
    }

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

/* 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;
}

/* Deal */
    .deal {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;

    }

/* First Middle Photo */
    .middle-photo {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;
    margin-bottom:-130px;
    background-attachment:scroll;
    background-image:url(../images/middle.jpg);
    height:600px;
    background-attachment: fixed; /* fix image position when scrolling down */
    background-repeat: no-repeat;
    }

/* Second Middle Photo */
    .second-middle-photo {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;
    margin-bottom:-130px;
    background-attachment:scroll;
    background-image:url(../images/second-middle-picture.jpg);
    height:600px;
    background-attachment: fixed; /* fix image position when scrolling down */
    background-repeat: no-repeat;
    }

/* Drink */
    .drink-photo {
    background-repeat: no-repeat;
    background-size:100% auto; 
    background-position: center top;
    margin-bottom:-130px;
    background-attachment:scroll;
    background-image:url(../images/drink-middle.jpg);
    height:600px;
    background-attachment: fixed; /* fix image position when scrolling down */
    background-repeat: no-repeat;
    }

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

  p.headline {
    font-size:30px;
    font-family: 'Oswald', sans-serif;
    text-align:left;
    padding:40px 20px 0px 25px;
    color:#fff;
  }

  p.description {
    text-align:left;
    font-size:18px;
    padding:10px 25px 35px 25px;
    margin-top:22px;
    color:#fff;
  }

/* Regular Entree Button */
.entree {
    background-image: url(../images/deal.jpg);
    background-repeat: no-repeat;
    color: white;
    display: block;
    font-size:30px;
    height: 325px;
    line-height: 40px;
    padding-top:150px;
    text-decoration: none;
    width: auto;
    text-align: center;
    text-decoration: none;
    margin-left:-15px;
    margin-right:-15px;
    text-shadow: 2px 2px 2px #ff0000;
}

a.entree:hover {
  background-image: url(../images/deal.jpg);
  opacity: 0.6;
  text-decoration: none;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  color:#fff;
}

a.entree:visited {
    color: white;
    font-size:30px;
    text-shadow: 2px 2px 2px #ff0000;
    text-decoration: none;
}

a.sushi-rolls-menu:hover {
  opacity: 0.6;
  text-decoration: none;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  color:#fff;
}

a.sushi-rolls-menu:visited {
    color: white;
    text-shadow: 2px 2px 2px #ff0000;
    text-decoration: none;
}

/* Regular Entree Button */
.all-you-can-eat {
    background-image: url(../images/all_you_can_eat.jpg);
    background-repeat: no-repeat;
    color: white;
    display: block;
    font-size:30px;
    height: 325px;
    line-height: 40px;
    padding-top:150px;
    text-decoration: none;
    width: auto;
    text-align: center;
    text-decoration: none;
    margin-left:-15px;
    margin-right:-15px;
    text-shadow: 2px 2px 2px #ff0000;
}

a.all-you-can-eat:hover {
  background-image: url(../images/all_you_can_eat.jpg);
  opacity: 0.6;
  text-decoration: none;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  color:#fff;
}

a.all-you-can-eat:visited {
    color: white;
    font-size:30px;
    text-shadow: 2px 2px 2px #ff0000;
    text-decoration: none;
}

/* career font style */
  p.career-headline {
    font-size:26px;
    font-family: 'Oswald', sans-serif;
    text-align:left;
    padding:40px 20px 0px 0px;
    color:red;
  }

    p.career-description {
    text-align:left;
    font-size:18px;
    padding:0px 25px 35px 0px;
    margin-top:22px;
    color:#000;
  }
    
/* 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;
    }


/* Mobile Layout */


/* 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;
    }

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

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

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

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

/* nigiri-sashimi */
  .nigiri-sashimi {
    padding-top: 20px;
    padding-bottom: 360px;
  }

/* classic-specialty */
    .classic-specialty {
    padding-bottom:600px;
    }

/* drink */
    .drink {
    padding-top: 260px;
    padding-bottom: 0px;
    }

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

/* Second Middle Photo */
    .second-middle-photo {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-300px;
    background-attachment:scroll;
    display: none;
    }

/* Drink */
    .drink-photo {
    background-repeat: no-repeat;
    background-size:140% auto; 
    background-position: center top;
    margin-bottom:-300px;
    background-attachment:scroll;
    display: none;
    }

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

/* mobile menu button */
    .menu-button {
    margin:auto;
    background-color:red;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left:50px;
    padding-right:50px;
    border:solid 2px #ffa500;
    font-size:18px;
  }

/* Regular Entree Button */
  p.entree {
  font-size:25px;
  color:#fff;
  position: absolute;
  padding-top:20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top:-80px;
}

a.entree:visited {
    color: white;
    font-size:30px;
    text-shadow: 2px 2px 2px #ff0000;
    text-decoration: none;
}

a.all-you-can-eat:visited {
    color: white;
    font-size:30px;
    text-shadow: 2px 2px 2px #ff0000;
    text-decoration: none;
}


  }