body {
      font-family: 'Vollkorn', serif;
  }
  .card { width: 100%; }
  .parallax {
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
  }
  .parallax::before  { 
        content: " ";
    background: #000000cc;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

   }
.smile-img {
    max-width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
  .btn-default {
      font-family: Raleway-SemiBold;
      font-size: 25px;
      font-weight: 900;
      color: #000;
      letter-spacing: 1px;
      line-height: 30px;
      border: 3px solid #000;
      border-radius: 40px;
      background: transparent;
      transition: all 0.3s ease 0s;
  }
  .btn-default:hover {
      color: #cfdf5a;
      background: #000;
      border: 3px solid #000;
  }
  .btn-block {
      max-width: 380px;
      margin: 0 auto;
  }
  .btn-success {
      font-family: Raleway-SemiBold;
      font-size: 22px;
      font-weight: 900;
      color: #cfdf5a;
      letter-spacing: 1px;
      line-height: 30px;
      border: 3px solid #cfdf5a;
      border-radius: 40px;
      background: transparent;
      transition: all 0.3s ease 0s;
  }
  .btn-success:hover {
      color: #000;
      background: #cfdf5a;
      border: 3px solid #000;
  }

  .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #cfdf5a;
    border-color: #b2c148 !important;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: none;
}
  .btn-warning {
      font-family: Raleway-SemiBold;
      font-size: 25px;
      color: #fff;
      letter-spacing: 1px;
      line-height: 30px;
      border: 3px solid #cfdf5a;
      border-radius: 40px;
      background: #cfdf5a;
      transition: all 0.3s ease 0s;
  }
  .btn-warning:hover {
      color: #fff;
      background: #cfdf5a;
      border: 3px solid #cfdf5a;
  }
   .owl-carousel { margin-bottom: 20px; }
  .owl-carousel .owl-item img {
         width: 100%;
  }
  .owl-carousel .owl-item .caption {
      font-family: 'Lobster', cursive;
      color: #cfdf5a;
      margin-top: 20px;
      font-size: 20px;
  }
  .owl-nav {
      margin-top: 50px;
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
      font-size: 26px !important;
      background: #2c2b30 !important;
      padding: 3px 21px 3px 18px !important;
      border-radius: 50%;
      border: 1px solid #616161;
  }
  button.owl-prev {
      margin-right: 10px !important;
  }
  
  header .sub_heading {
      color: #cfdf5a;
      margin-top: 25px;
      margin-bottom: 25px;
      font-family: 'Lobster', cursive;
      font-size: 28px;
  }
  header p { font-size: 20px; line-height: 25px }
  .sub-title {
      font-family: 'Lobster', cursive;
      font-size: 24px;
      color: #cfdf5a;
  }
  .cstm-sm-4 {
      padding-bottom: 25px;
  }
  h1, h2, h3, h4, h5, h6 {
      font-family: 'Vollkorn', serif;
  }
  .heading {
      font-size: 44px;
  }
  .heading-sm {
      font-size: 30px;
  }
  .bg-grey {
      background: #2c2b30
  }
  .bg-green { background-color: #cfdf5a; }
  .text-green {color: #cfdf5a;}
  .features-block {
      margin: 0;
  }
  .features-block img {
          max-width: 100px;
          margin: 5px 15px;
  }


  .menu-categories {}
  .menu-categories .card-header {
      font-size: 25px;
      font-weight: bold;
  }
  .menu-categories .card-body {
      max-width: 90%;
      margin: 0 auto;
  }
  .menu-categories .card-body .card-text {
      font-size: 20px;
      line-height: 22px;
  }
  .menu-categories .card-body .btn {
      font-weight: 900;
  }
  section {
      padding: 0 20px;
  }
  .divider {
      border: 0.3px solid #cfdf5a;
      margin: 20px
  }
  footer {
      background: #000;
      padding: 2px 0px;
      padding-top: 14px;
  }
  .fa.checked {
  color: orange;
}

h2.fa-map-marker {font-size:60px;}

.collapse { color: #000; }

.gallery {  margin: 40px 0 0 0; }
.gallery ul { margin-bottom: 0; }
.gallery img { width: 100%; max-width: 200px; height: 150px; display: inline-block;  }
  /*MOBILE CSS*/

@media(max-width: 768px)
{
     .features-block img {
          max-width: 80px;
          margin: 0;
      }

       .menu-categories .card-body .btn {
            font-size: 20px;
        }
        .collapse h4 { font-size: 17px; }
        .gallery img { max-width: 125px; height: 115px; }
}