@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
 body, #main{
     background: #323234 url(images/menu.jpg);
     font-family: 'Poppins';
     background-position: center;
     background-attachment: fixed;
     color: #0c0c0c !important;
}
 .page-title{
     color: #fefefe;
     font-weight: 700;
     font-family: 'Poppins'!important;
}
 .navbar-brand {
     display:none;
}
 #nav-logo{
     width: 100px;
     padding-top: 0px;
}
#menu-link a {
    display: none;
}
 .navbar-default .navbar-nav > li > a{
     color: #77e49d;
     font-weight: 600;
     text-transform: uppercase !important;
     font-family: 'Poppins';
     color: #4bbd7c;
     font-size: 16px;
     letter-spacing: 1.2px;
     padding: 10px 73px;
     vertical-align: middle;
}
 .active, .navbar-default .navbar-nav > li > a:hover, navbar-nav > li > a:focus{
     color: #fefefe!important;
     font-weight: bold !important;
}
 .navbar.navbar-default.navbar-fixed-top, .navbar-collapse{
     background: #000000;
     color:#161616;
}
 .navbar-default{
     border-bottom: transparent;
     box-shadow: none;
}
 .navbar-default .navbar-toggle .icon-bar {
     background-color: #4bbd7c;
    /* toggle color */
}
/* Main Section */
 #main #nav-logo {
     margin: 0 auto;
     width: 300px;
}
 .tagline {
     font-size: 48px;
}
 #main button{
     background: #fefbf0;
     border: solid 0px #fefbf0;
     border-radius: 60px;
     color: #0c0c0c;
     font-family: 'Poppins';
     font-size: 17px;
     font-weight: bold;
     padding: 10px 30px;
     margin-right: 10px;
     margin-top: 10px;
}
 #main a button:hover{
     background: #4bbd7c;
     color: #ffffff;
     border: none;
}
 #main a button {
     -webkit-transition: all .5s;
}
 #main h2{
     font-family: 'Poppins';
     color: #fefefe;
     font-size: 50px;
     font-weight: 300 !important;
     text-transform: initial;
     text-shadow: none;
}
 #main h2 span{
     font-family: 'Poppins';
     color:#0c0c0c;
     font-size: 30px;
     font-weight: 300 !important;
     text-transform: initial;
     text-shadow: none;
}
 .welcome #contact-details, #main #cuisine{
     color: #fefbf0;
     text-shadow: none;
     font-family: 'Poppins';
}
 #main #menu-scroll-down a {
     color: #fefefe;
}
/* Menu Section */
 #menu {
     display:none;
     background: url(images/bg.jpg);
     background-attachment: fixed !important;
}
 .panel {
     background-color: #323234;
}
 #menu .page-title {
     background: transparent;
}
 .panel-default>.panel-heading{
     border-bottom: 1px solid #77e49d;
}
 #menu .panel{
     padding: 20px;
}
 #menu h2{
     letter-spacing: 5px;
     color: #77e49d;
     text-align: center;
     font-weight: 600;
     line-height: 2em;
     text-transform: uppercase;
}
 .menu-item h4{
     text-align: center;
     color: #fefefe;
     font-family: 'Poppins';
     font-weight: 600;
     text-transform: uppercase;
}
 .menu-prices{
     color: #77e49d;
     font-family: 'Poppins';
     font-weight: 600;
     line-height: 2.1;
}
 .menu-item p{
     text-align: center;
     font-weight: 600;
     font-size: 13px;
     color: #fefefe;
}
 #menu-row hr {
     border-top: #fefefe dotted 2px;
     display: none;
}
 .menu-border{
     display: none;
}
 .menu_title_footer, .menu_title_header{
     color: #ffffff;
     text-align: center;
}
/* horizontal lines */
 hr{
     border-top: 1px solid #0c0c0c;
}
/* About Section */
 img.pizza-icon {
     width: 49px;
}
 #about{
     text-align: center;
}
 #about{
     background: #7fccbf url(images/about-bg.jpg);
     background-position: center;
     background-size: cover;
     padding-top: 80px;
     padding-bottom: 80px;
}
 #about .page-title {
     color: #000;
     font-family: 'Poppins';
     font-weight: 1200;
     font-size: 50px;
}
 #about h1, #about h2{
     text-align: center;
     font-family: 'Poppins';
     font-size: 40px;
}
 .about{
     font-weight: 400;
     text-align: center;
     font-size: 15px;
     color: #000;
}
 #about p {
     padding-top: 20px !important;
     padding-bottom: 10px !important;
     padding-left: 20px;
     padding-right: 20px;
}
/* Location Section */
 #map #contact-details{
     color: #0c0c0c;
}
/* Deliver Section */
 #deliver .page-title{
     margin-bottom: 40px;
}
 .deliver{
     font-weight: 500;
     text-align: center;
}
 .deliver h4{
     font-size: 14px;
}
/* Contact Section */
 #contact{
     background: #7ecabe url(images/contact-bg.png);
     background-size: cover;
}
 #contact .page-title {
     color: #0c0e0d;
}
 #contact #contact-details, #contact #cuisine{
     color: #0c0e0d;
     font-size: 14px;
}
 #contact .glyphicon{
     color: #0c0e0d;
     padding-right: 5px;
}
 #contact hr {
     border-top: 1px solid rgba(0, 0, 0, .2);
     margin-top: 20px;
     margin-bottom: 10px;
}
 #contact label{
     color: #0c0c0c;
     display: none 
}
 #contact-form .form-control{
     border: none;
     box-shadow: none;
     border-radius: 0px;
     padding: 10px;
     color: #452468;
     font-size: 13px;
     letter-spacing: 4px;
     text-transform: uppercase;
     background-color: #fefefe;
}
 #contact-form .form-control:focus{
     border: none;
     box-shadow: none;
     border-radius: 0px;
}
 #contact button{
     background: #323234;
     border-radius: 0px;
     box-shadow: none;
     border: none;
     color: #fefefe;
     font-family: 'Poppins';
     font-size: 13px;
     font-weight: bold;
     line-height: normal;
     padding: 11px 31px;
     text-transform: uppercase;
}
 #contact button:hover{
     background: #fefefe;
     color: #7ecabe;
     border-radius: 0px;
     box-shadow: none;
     border: none;
}
/* Opening Section */
 #openinghours {
}
 #openinghours th {
     font-family: 'Poppins';
     color: #0c0e0d;
     font-size: 17px;
     font-weight: 600;
}
 #openinghours .day {
     font-family: 'Poppins';
     color: #0c0e0d;
     font-size: 15px;
     font-weight: 600;
}
 #openinghours td{
     color: #0c0e0d;
     font-size: 16px;
     font-weight: 500;
}
 #openinghours h2 {
     display: none;
     color: #0c0c0c;
     font-size: 15px;
     margin-bottom: 20px;
}
/* Social Section */
 #facebook_like .page-title{
     color: #fefefe;
     text-align: left;
}
 #facebook_like{
     background-color:#323234;
}
/* Others */
 footer{
     background: #323234;
}
 #footer h1 {
     margin-top: -10px;
     display: block;
     box-sizing: border-box;
     background: url(images/logo.png) no-repeat center;
     width: 100%;
     height: 100px;
     background-size: 110px;
     font-size: 0px;
}
 #footer p {
     color: #fefefe!important;
     font-size: 13px;
}
/* Others */
 .cd-top, .cd-top2{
     background-color: #4bbd7c;
     border-radius: 0px;
}
/**shrink**/
 nav.navbar.shrink {
     background: #323234 !important;
     transition: all 0.3s ease 0s;
}
 nav.navbar.shrink #nav-logo {
     transition: all 0.3s ease 0s;
}
/* Mobile View */
 @media (max-width: 480px){
     .navbar.navbar-default.navbar-fixed-top, .navbar-collapse{
         background: #323234 !important;
         color:#0c0c0c;
    }
     .navbar-brand {
         display:inline !important;
         width: 120px;
         padding-top: 20px;
         margin-left: 20px;
    }
     #main #nav-logo {
         width: 90px !important;
         padding-top: 10px;
         display: none;
    }
     .tagline {
         font-size: 24px;
    }
     #main button{
         white-space: nowrap !important;
         font-size: 15px !important;
         padding: 10px 20px !important;
    }
     #main h2{
         font-size: 30px !important;
    }
     .welcome #contact-details {
         padding-top: 0px !important;
    }
     #contact button {
         margin-bottom: 50px !important;
    }
     #menu{
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
}
 .row {
     margin-top: 25px;
     margin-bottom: 25px;
}
@media (min-width: 992px) {
    .navbar-default .navbar-nav > li > a {
    padding: 10px 52px;

}
}