@font-face {
    font-family: 'Cako';
    src: local('Cako Regular'), local('Cako-Regular'),
    url('../font/Cako-Regular.woff2') format('woff2');    
    font-weight: 400;
    font-style: normal;
    display: swap;
    font-display: swap;
  }

@font-face {
    font-family: 'PT Sans Pro';
    src: local('PT Sans Pro Demi'), local('PT-Sans-Pro-Demi'),
    url('../font/PTSansPro-Demi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    display: swap;
    font-display: swap;
  }

  @font-face {
    font-family: 'PT Sans Pro';
    src: local('PT Sans Pro Bold'), local('PT-Sans-Pro-Bold'),
    url('../font/PTSansPro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    display: swap;
    font-display: swap;
  }

  @font-face {
    font-family: 'PT Sans Pro';
    src: local('PT Sans Pro Light'), local('PT-Sans-Pro-Light'),
    url('../font/PTSansPro-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    display: swap;
    font-display: swap;
  }

  @font-face {
    font-family: 'PT Sans Pro';
    src: local('PT Sans Pro Regular'), local('PT-Sans-Pro-Regular'),
    url('../font/PTSansPro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    display: swap;
    font-display: swap;
  }

  html {
  scroll-behavior: smooth;
}

  body{
    font-family: 'PT Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
  }

  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(191, 147, 11, 0.9);
    font-weight: 600;
    font-family: 'PT Sans Pro Demi', sans-serif;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(191,147,11,.5);
    font-family: 'PT Sans Pro Demi', sans-serif;
    
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(191,147,11,.7);
    font-family: 'PT Sans Pro Demi', sans-serif;
} 
h2,h3,h4{
   font-family: 'PT Sans Pro Demi', sans-serif;
   font-weight: 600;
   color: #C67617;
   text-transform: uppercase;
}
header.cover{
  background-image: url("../img/cover-image-curry-kabab.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
}
header.cover h1{
  font-family: 'Cako', sans-serif;
  font-size: 4rem ;
  color: #ffffff;
  text-shadow: 4px 4px 20px #000000;
  margin: 0 auto;
}

.bg-menu{
  background-color: #fff;
}

.menu {
  background-image: url("../img/bg-home-menu.webp");
  background-repeat:repeat-y;
  background-position: center;
  background-size: contain;
  padding: 3em 0;
}
.menu a{
  color: #212529;
}

.name-product{
font-style: normal;
font-weight: 600;
font-size: 25px;
padding-left: 1em;
}

.about{
  padding: 3em 0;
  background-color: #9D4620;
  color: #ffffff;
}
.about h2{
  font-weight: normal;
  color: #ffffff;
}
.about p{
  font-style: normal;
font-weight: normal;
font-size: 1.25rem;
}

.btn-primary {
    color: #C67617;
    background-color: #fff;
    border-color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
}
.btn-primary:hover{
  color: #fff;
   background-color: #C67617;
  border-color: #C67617;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #C67617;
    border-color: #C67617;
}

.contact-us{
padding: 3em 0;
}
.contact-us a{
  color: #212529;
}
.note{
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin: 2em;
}
.noter{
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
    color: red;
    margin-top: 2em;
}
footer{
  background-color: #BC741F;
  color: #fff;
  text-align: center;
  padding: 1em 0;
  font-weight: 300;
}
.gallery{
  padding: 3em 0;
}

header.gallery{
  background-image: url("../img/cover-gallery.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
}
header.gallery h1, header.about-us h1, header.main-menu h1, header.party-trays h1{
   font-family: 'Cako', sans-serif;
  font-size: 4rem ;
  color: #ffffff;
  text-shadow: 4px 4px 20px #000000;
  margin: 0 auto;
}
header.about-us {
  background-image: url("../img/cover-about-us.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
}

.team-name{
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.team-prof{
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
}

header.main-menu{
  background-image: url("../img/cover-menu.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
}

.menu-content{
  padding: 3em 0;
  background-image: url("../img/bg-menu.png");
  background-repeat:repeat-y;
  background-position: center;
  background-size: contain;
}
.product{
  padding: 10px 0;
}
.saucer-name{
  font-weight: 600;
  line-height: 1.1rem;
  color:#1c2e84
}
.saucer-description{
  font-weight: 300;
  font-size: 1rem;
  width: 86%;
  line-height: 1.2rem;
}
.price{
  font-weight: 600;
  color:#d6a223;
  float: right;
}

header.party-trays{
background-image: url("../img/cover-party-trays.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;
}
.submenu {
    position: sticky !important;
    top: 90px;
    z-index: 1020;
    background-color: #BC741F;
}

 .ancla{
  padding-top: 180px; 
  margin-top: -180px;
} 


.btn-secondary {
    color: #fff;
    background-color: #C67617;
    border-color: #C67617;
    font-size: 1.375rem;
    font-weight: bold;
}


figure img {
  max-width: 255px;
  height: 255px;
  object-fit: cover;

}

 figure {
  display: inline-block;
  margin: 5px 0;
  max-width: 255px;
}
.my-gallery figcaption,
.pswp__caption,
button.pswp__button.pswp__button--share {
  display: none;
}