@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Shadows+Into+Light&family=Zeyada&family=Cinzel&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Shadows+Into+Light&family=Zeyada&family=Cinzel&display=swap");
.container {
  max-width: 100vw;
  padding: 0 1.5rem;
  margin: auto;
  overflow: hidden;
}

.btn {
  display: flex;
  padding: 0.3rem 3rem;
  border-radius: 0.3rem;
}
.btn-red {
  background: rgb(198, 0, 1);
  color: #fff;
}
.btn-red:hover {
  background: rgb(232, 186, 115);
  color: rgb(32, 57, 57);
}

.bold {
  font-weight: 900;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  line-height: 1.5;
  font-family: "Times New Roman", Times, serif;
  color: rgb(32, 57, 57);
}

img {
  width: 100%;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

h1, h2 {
  font-family: "Cinzel", sans-serif;
}

.bold {
  font-weight: 900;
  font-style: italic;
  color: rgb(32, 57, 57);
}

.navbar.home {
  background: transparent;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 7rem;
  transition: 1s;
  background: rgb(198, 0, 1);
}
.navbar .logo {
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar .logo-img {
  display: flex;
  align-items: center;
}
.navbar .logo-img a {
  display: flex;
}
.navbar .logo-img img {
  width: 70px;
  height: 70px;
}
.navbar .logo-text {
  color: #fff;
  padding-left: 1rem;
  font-family: "Cinzel", sans-serif;
  font-size: 1rem;
}
.navbar .main-menu ul {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.navbar .main-menu ul li {
  position: relative;
  font-family: "Cinzel", sans-serif;
  color: #fff;
  margin: 0 0.3rem;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}
.navbar .main-menu ul li a {
  color: #fff;
  cursor: pointer;
}
.navbar .main-menu ul li:hover, .navbar .main-menu ul li.current {
  border-bottom: 2px solid #fff;
}
.navbar .main-menu ul li#drop-down-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  z-index: 3;
  border-radius: 7px 7px 0 0;
}
.navbar .main-menu ul li#drop-down-button p {
  cursor: pointer;
}
.navbar .main-menu ul li#drop-down-button #drop-down-menu.hidden {
  display: none;
}
.navbar .main-menu ul li#drop-down-button #drop-down-menu.show {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 60px;
  left: -170%;
  width: 400%;
  display: flex;
  background-color: rgb(198, 0, 1);
  z-index: 1;
  border-radius: 7px;
  border-top: 2px solid #fff;
}
.navbar .main-menu ul li#drop-down-button #drop-down-menu.show > li {
  margin-bottom: 1rem;
}
.navbar .main-menu ul li#drop-down-button #drop-down-menu:hover {
  border-bottom: 2px solid transparent;
}

#hero-home {
  height: 100vh;
  position: relative;
  background: url("/img/portada-home.jpg") no-repeat center center/cover;
}
#hero-home .hero-home {
  height: 100%;
  background: rgba(32, 57, 57, 0.84);
}
#hero-home .overlay {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
#hero-home .overlay h1 {
  font-size: 7rem;
}
#hero-home .overlay h2 {
  font-size: 2rem;
  margin-bottom: 3rem;
  font-weight: 300;
}
#hero-home .overlay a {
  font-size: 1.3rem;
}

#home-content {
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: justify;
}
#home-content .info {
  width: 90%;
  padding: 1rem;
}
#home-content .info h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
#home-content .info p {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
#home-content .home-catalogue-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.7rem;
}
#home-content .home-catalogue-grid .product {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1 !important;
  padding: 1rem;
}
#home-content .home-catalogue-grid .product-info {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: rgb(32, 57, 57);
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 2rem;
  font-family: "Cinzel", sans-serif;
}
#home-content .home-catalogue-grid .product-info a {
  margin-bottom: 0;
  color: rgb(32, 57, 57);
}
#home-content .home-catalogue-grid .product-info:hover {
  opacity: 1;
}
#home-content .home-catalogue-grid .product-info-artisan {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(32, 57, 57, 0.84);
  color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 2rem;
  font-family: "Cinzel", sans-serif;
}
#home-content .home-catalogue-grid .product-info-artisan a {
  padding: 42px;
  margin-bottom: 0;
  color: #fff;
}
#home-content .home-catalogue-grid .product-info-artisan:hover {
  opacity: 1;
}
#home-content .home-catalogue-grid .baklava-1 {
  background: url("/img/baklava/baklava-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .baklava-2 {
  background: url("/img/baklava/baklava-2.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .borek-1 {
  background: url("/img//borek/borek-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .borek-2 {
  background: url("/img/borek/borek-2.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .gozleme-1 {
  background: url("/img/gozleme/gozleme-2.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .gozleme-2 {
  background: url("/img/gozleme/gozleme-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .pide-1 {
  background: url("/img/pide/pide-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .pide-2 {
  background: url("/img/pide/pide-2.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .simit-1 {
  background: url("/img/simit/simit-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .simit-2 {
  background: url("/img/simit/simit-2.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .artisan-1 {
  background: url("/img/artisan/artisan-1.jpg") no-repeat center center/cover;
}
#home-content .home-catalogue-grid .artisan-2 {
  background: url("/img/artisan/artisan-2.jpg") no-repeat center center/cover;
}
#home-content .section-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

#hero-contact {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#hero-contact .contact-banner {
  height: 350px;
  width: 100%;
  background: url("/img/Istanbul-BlackNWhite.jpg") no-repeat bottom 40% center/cover;
}
#hero-contact .contact-info {
  width: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
#hero-contact .contact-info .left {
  display: flex;
  justify-content: space-between;
}
#hero-contact .contact-info .left .nefer, #hero-contact .contact-info .left .mercedes {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#hero-contact .contact-info .left .nefer img, #hero-contact .contact-info .left .mercedes img {
  width: 60%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid rgb(198, 0, 1);
  margin-bottom: 2rem;
}
#hero-contact .contact-info .contact-line {
  height: 200px;
  width: 3px;
  background: rgb(198, 0, 1);
}
#hero-contact .right {
  padding: 1rem;
  text-align: center;
}
#hero-contact .right h1, #hero-contact .right h2, #hero-contact .right p {
  padding-bottom: 1rem;
}
#hero-contact .right h2, #hero-contact .right p {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.3rem;
  font-weight: 400;
}

#footer {
  position: relative;
  width: 100%;
  background: rgb(198, 0, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
}
#footer .social i {
  color: #fff;
  margin: 0 0.7rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
#footer .social i:hover {
  background: #fff;
  color: rgb(198, 0, 1);
}
#footer .info {
  color: #fff;
  font-size: 1.3rem;
}

.catalogue-products {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  margin-top: 7rem;
}
.catalogue-products-heading {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  width: 85%;
  margin-bottom: 7rem;
}
.catalogue-products-heading .presentation {
  padding: 1rem;
}
.catalogue-products-heading .presentation h1 {
  font-size: 42px;
}
.catalogue-products-heading .presentation h2 {
  margin-top: 1rem;
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-weight: 400;
}
.catalogue-products-heading .presentation .diagram {
  margin-top: 2rem;
  display: flex;
  justify-content: space-evenly;
}
.catalogue-products-heading .presentation .diagram img {
  width: 90px;
}
.catalogue-products-heading .presentation .diagram-line {
  width: 28%;
  display: grid;
  grid-template-columns: 1fr 12fr 1fr;
  align-items: center;
}
.catalogue-products-heading .presentation .diagram-line .line {
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgb(198, 0, 1);
}
.catalogue-products-heading .presentation .diagram-line .dot {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgb(198, 0, 1);
}
.catalogue-products-heading .presentation .diagram-line > :nth-child(1) {
  justify-self: flex-end;
}
.catalogue-products-heading .presentation .seperator {
  display: none;
}
.catalogue-products-heading .certificates {
  display: flex;
  flex-direction: column-reverse;
}
.catalogue-products-heading .certificates p {
  text-align: justify;
  font-size: 1.4rem;
  padding: 1rem;
}
.catalogue-products-heading .certificates .logos {
  display: flex;
  justify-content: space-evenly;
  padding: 2rem;
}
.catalogue-products-heading .certificates .logos a {
  width: 21%;
}
.catalogue-products .catalogue-product {
  position: relative;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 7rem;
}
.catalogue-products .catalogue-product .description {
  width: 42%;
  display: flex;
  flex-direction: column;
  padding: 0 1.3rem;
  background-color: #fff;
}
.catalogue-products .catalogue-product .description.left {
  border-left: 3px solid rgb(198, 0, 1);
}
.catalogue-products .catalogue-product .description.right {
  border-right: 3px solid rgb(198, 0, 1);
}
.catalogue-products .catalogue-product .description h2 {
  font-size: 3rem;
}
.catalogue-products .catalogue-product .description p {
  font-size: 1.3rem;
  text-align: justify;
  margin-bottom: 0.7rem;
}
.catalogue-products .catalogue-product .img-btn {
  display: flex;
  flex-direction: column;
}
.catalogue-products .catalogue-product .img-btn img {
  width: 400px;
  height: 400px;
  margin-bottom: 3rem;
}
.catalogue-products .catalogue-product .img-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
}

.products-page-container {
  position: relative;
  padding: 2rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.products-page-container .products-header {
  margin-top: 7%;
  display: grid;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2rem 7rem;
}
.products-page-container .products-header h1 {
  font-size: 42px;
  margin-bottom: 1rem;
}
.products-page-container .products-header p {
  width: 63%;
  text-align: justify;
  font-size: 1.3rem;
}
.products-page-container img {
  width: 60%;
  align-self: center;
  justify-content: center;
}
.products-page-container .products-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin-top: 1rem;
  padding: 1rem;
}
.products-page-container .products-container .product-grid-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
.products-page-container .products-container .product-grid-3col .product-text {
  position: relative;
  grid-row: span 2;
}
.products-page-container .products-container .product-grid-3col .product-text .product-overlay {
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  color: rgb(32, 57, 57);
}
.products-page-container .products-container .product-grid-3col .product-text .product-overlay h2 {
  font-size: 2rem;
  font-family: "Cinzel", serif;
}
.products-page-container .products-container .product-grid-3col .product-text .product-overlay p {
  font-size: 1.3rem;
}
.products-page-container .products-container .product-grid-3col .product-text.pistachio-mussle {
  background: url("/img/baklava/baklava-product-1.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-3col .product-text.simit {
  background: url("/img/simit/simit-product.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-3col .product-text.gozleme {
  background: url("/img/gozleme/gozleme-product-1.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-3col .small, .products-page-container .products-container .product-grid-3col .big {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.products-page-container .products-container .product-grid-3col .small h3, .products-page-container .products-container .product-grid-3col .big h3 {
  font-family: "Cinzel", serif;
  font-size: 1.3rem;
}
.products-page-container .products-container .product-grid-3col .small img, .products-page-container .products-container .product-grid-3col .big img {
  padding: 2rem;
}
.products-page-container .products-container .product-grid-3col .small {
  border-right: 3px solid rgb(198, 0, 1);
}
.products-page-container .products-container .product-grid-3col .instructions {
  grid-column: span 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.products-page-container .products-container .product-grid-3col .instructions h4 {
  font-size: 1.7rem;
  font-weight: 300;
}
.products-page-container .products-container .product-grid-3col .instructions .icons {
  margin-top: 1rem;
  display: flex;
  justify-content: space-evenly;
}
.products-page-container .products-container .product-grid-3col .instructions .icons .icon {
  display: flex;
  gap: 7px;
}
.products-page-container .products-container .product-grid-3col .instructions .icons .icon img {
  width: 70px;
  height: 70px;
}
.products-page-container .products-container .product-grid-3col .instructions .icons .icon p {
  font-size: 1.3rem;
}
.products-page-container .products-container .product-grid-4col, .products-page-container .products-container .product-grid-4col-borek-queso {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}
.products-page-container .products-container .product-grid-4col .product-text, .products-page-container .products-container .product-grid-4col-borek-queso .product-text {
  position: relative;
  grid-row: span 2;
}
.products-page-container .products-container .product-grid-4col .product-text .product-overlay, .products-page-container .products-container .product-grid-4col-borek-queso .product-text .product-overlay {
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  color: rgb(32, 57, 57);
}
.products-page-container .products-container .product-grid-4col .product-text .product-overlay h2, .products-page-container .products-container .product-grid-4col-borek-queso .product-text .product-overlay h2 {
  font-size: 2rem;
  font-family: "Cinzel", serif;
}
.products-page-container .products-container .product-grid-4col .product-text .product-overlay p, .products-page-container .products-container .product-grid-4col-borek-queso .product-text .product-overlay p {
  font-size: 1.3rem;
}
.products-page-container .products-container .product-grid-4col .product-text.pide, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.pide {
  background: url("/img/pide/pide-product-1.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-4col .product-text.pistachio-square, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.pistachio-square {
  background: url("/img/baklava/baklava-product-2.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-4col .product-text.borek-adana, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-adana {
  background: url("/img/borek/borek-product-adana.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-4col .product-text.borek-queso-espinaca, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-queso-espinaca {
  background: url("/img/borek/borek-product-queso-espinaca.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-4col .product-text.borek-queso, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-queso {
  background: url("/img/borek/borek-product-queso.jpg") no-repeat center center/cover;
}
.products-page-container .products-container .product-grid-4col .cheese, .products-page-container .products-container .product-grid-4col .cheese-tomato, .products-page-container .products-container .product-grid-4col .vegetable, .products-page-container .products-container .product-grid-4col .small, .products-page-container .products-container .product-grid-4col .med, .products-page-container .products-container .product-grid-4col .big, .products-page-container .products-container .product-grid-4col-borek-queso .cheese, .products-page-container .products-container .product-grid-4col-borek-queso .cheese-tomato, .products-page-container .products-container .product-grid-4col-borek-queso .vegetable, .products-page-container .products-container .product-grid-4col-borek-queso .small, .products-page-container .products-container .product-grid-4col-borek-queso .med, .products-page-container .products-container .product-grid-4col-borek-queso .big {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.products-page-container .products-container .product-grid-4col .cheese h3, .products-page-container .products-container .product-grid-4col .cheese-tomato h3, .products-page-container .products-container .product-grid-4col .vegetable h3, .products-page-container .products-container .product-grid-4col .small h3, .products-page-container .products-container .product-grid-4col .med h3, .products-page-container .products-container .product-grid-4col .big h3, .products-page-container .products-container .product-grid-4col-borek-queso .cheese h3, .products-page-container .products-container .product-grid-4col-borek-queso .cheese-tomato h3, .products-page-container .products-container .product-grid-4col-borek-queso .vegetable h3, .products-page-container .products-container .product-grid-4col-borek-queso .small h3, .products-page-container .products-container .product-grid-4col-borek-queso .med h3, .products-page-container .products-container .product-grid-4col-borek-queso .big h3 {
  font-family: "Cinzel", serif;
  font-size: 1.3rem;
}
.products-page-container .products-container .product-grid-4col .small, .products-page-container .products-container .product-grid-4col .med, .products-page-container .products-container .product-grid-4col .cheese, .products-page-container .products-container .product-grid-4col .cheese-tomato, .products-page-container .products-container .product-grid-4col-borek-queso .small, .products-page-container .products-container .product-grid-4col-borek-queso .med, .products-page-container .products-container .product-grid-4col-borek-queso .cheese, .products-page-container .products-container .product-grid-4col-borek-queso .cheese-tomato {
  border-right: 3px solid rgb(198, 0, 1);
}
.products-page-container .products-container .product-grid-4col .instructions, .products-page-container .products-container .product-grid-4col-borek-queso .instructions {
  grid-column: span 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.products-page-container .products-container .product-grid-4col .instructions h4, .products-page-container .products-container .product-grid-4col-borek-queso .instructions h4 {
  font-size: 1.7rem;
  font-weight: 300;
}
.products-page-container .products-container .product-grid-4col .instructions .icons, .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons {
  margin-top: 1rem;
  display: flex;
  justify-content: space-evenly;
}
.products-page-container .products-container .product-grid-4col .instructions .icons .icon, .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons .icon {
  display: flex;
  gap: 7px;
}
.products-page-container .products-container .product-grid-4col .instructions .icons .icon img, .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons .icon img {
  width: 70px;
  height: 70px;
}
.products-page-container .products-container .product-grid-4col .instructions .icons .icon p, .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons .icon p {
  font-size: 1.3rem;
}

@media (max-width: 1200px) {
  .catalogue-products .certificates {
    padding: 1rem !important;
  }
  .catalogue-products .certificates p {
    border-left: 3px solid rgb(198, 0, 1) !important;
  }
  .catalogue-products .certificates .logos {
    border-left: 3px solid rgb(198, 0, 1) !important;
  }
  .catalogue-products .certificates a {
    width: 42% !important;
  }
  .catalogue-product {
    width: 100% !important;
  }
  .catalogue-product .description {
    width: 50% !important;
  }
  .catalogue-product .description img {
    width: 350px !important;
    height: 350px !important;
  }
  .products-header {
    padding: 2rem 5rem !important;
  }
  .products-header p {
    width: 80% !important;
  }
  .products-page-container .products-container .product-grid-4col {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .products-page-container .products-container .product-grid-4col .small, .products-page-container .products-container .product-grid-4col .med {
    border: none;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .small {
    grid-row: 1 !important;
    grid-column: 1 !important;
    border: none;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .med {
    grid-row: 1 !important;
    grid-column: 2 !important;
    border: none;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-queso {
    grid-row: 1/span 2 !important;
    grid-column: 3 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .big {
    grid-row: 2 !important;
    grid-column: 1 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .instructions {
    grid-row: 2 !important;
    grid-column: 2 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .instructions, .products-page-container .products-container .product-grid-4col .instructions {
    grid-column: span 1 !important;
    padding: 0 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons .icon, .products-page-container .products-container .product-grid-4col .instructions .icons .icon {
    flex-direction: column;
  }
}
@media (max-width: 1025px) {
  .contact-info {
    flex-direction: column-reverse !important;
    align-items: center !important;
  }
  .contact-info .contact-line {
    height: 2px !important;
    width: 80% !important;
  }
  .contact-info .left {
    flex-direction: column-reverse !important;
    padding: 0 7rem;
    width: 100% !important;
  }
  .contact-info .left .mercedes {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  .contact-info .left .nefer {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
  }
  .contact-info .left .nefer, .contact-info .left .mercedes {
    padding: 0 1.3rem !important;
  }
  .contact-info .left .nefer-info, .contact-info .left .mercedes-info {
    padding: 0 1rem !important;
  }
  .contact-info .left .nefer img, .contact-info .left .mercedes img {
    width: 30% !important;
    aspect-ratio: 1/1 !important;
    margin-bottom: 0.7rem !important;
  }
  .contact-info .right {
    padding: 0.3rem !important;
  }
  .contact-info .right h1, .contact-info .right h2, .contact-info .right p {
    padding-bottom: 0.3rem !important;
  }
  .contact-info .right h2, .contact-info .right p {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 965px) {
  #navbar {
    padding: 1rem 3rem !important;
  }
  #navbar .main-menu ul li {
    padding: 0.3rem;
  }
  #navbar .main-menu ul a, #navbar .main-menu ul li {
    font-size: 1rem !important;
  }
  #navbar .main-menu ul #drop-down-button #drop-down-menu.show {
    top: 30px !important;
  }
  #hero-home .overlay h1 {
    font-size: 5rem !important;
    margin-bottom: 1rem !important;
  }
  #home-content .info h2 {
    font-size: 1.5rem !important;
  }
  #home-content .home-catalogue-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #home-content .home-catalogue-grid .product-info, #home-content .home-catalogue-grid .product-info-artesan {
    position: absolute !important;
    width: 80% !important;
    opacity: 1 !important;
    bottom: 7% !important;
    left: 10% !important;
    padding: 0 !important;
  }
  #home-content .home-catalogue-grid .product-info {
    height: 15% !important;
  }
  #home-content .home-catalogue-grid .product-info-artesan {
    height: 50% !important;
    bottom: 25% !important;
  }
  .catalogue-products-heading {
    grid-template-columns: 3fr 2fr !important;
    width: 95% !important;
  }
  .catalogue-products-heading .presentation h2 {
    font-size: 1.3rem !important;
  }
  .catalogue-products-heading .presentation .diagram {
    justify-content: space-between !important;
  }
  .catalogue-products-heading .presentation .diagram img {
    width: 70px !important;
  }
  .catalogue-products-heading .presentation .diagram-line {
    width: 21% !important;
  }
  .catalogue-products-heading .certificates .logos {
    justify-content: space-between !important;
  }
  .catalogue-products-heading .certificates p {
    font-size: 1.3rem !important;
    padding-right: 0 !important;
  }
  .catalogue-product .description {
    width: 55% !important;
  }
  .catalogue-product .description h2 {
    font-size: 2rem !important;
  }
  .catalogue-product .description p {
    font-size: 1.1rem !important;
  }
  .catalogue-product .img-btn {
    justify-content: space-between !important;
  }
  .catalogue-product .img-btn img {
    align-self: center !important;
    width: 280px !important;
    height: 280px !important;
  }
  .catalogue-product .img-btn a {
    font-size: 1rem !important;
    width: 280px !important;
  }
  .products-page-container .products-header {
    padding: 2rem 3rem !important;
  }
  .products-page-container .products-header p {
    width: 100% !important;
  }
  .products-page-container .products-container {
    gap: 7rem !important;
  }
  .products-page-container .products-container .product-grid-3col {
    grid-template-columns: 1fr 1fr !important;
  }
  .products-page-container .products-container .product-grid-3col .small, .products-page-container .products-container .product-grid-3col .big {
    border: none !important;
  }
  .products-page-container .products-container .product-grid-3col .small h3, .products-page-container .products-container .product-grid-3col .small p, .products-page-container .products-container .product-grid-3col .big h3, .products-page-container .products-container .product-grid-3col .big p {
    font-size: 1.3rem !important;
  }
  .products-page-container .products-container .product-grid-3col .small img, .products-page-container .products-container .product-grid-3col .big img {
    width: 90% !important;
  }
  .products-page-container .products-container .product-grid-3col .product-text {
    grid-row: span 1 !important;
    aspect-ratio: 1/1 !important;
  }
  .products-page-container .products-container .product-grid-3col .instructions {
    grid-column: span 1 !important;
    justify-content: center;
  }
  .products-page-container .products-container .product-grid-3col .instructions .icon {
    flex-direction: column !important;
  }
  .products-page-container .products-container .product-grid-3col .instructions .icon img {
    width: 70px !important;
    height: 70px !important;
  }
  .products-page-container .products-container .product-grid-4col .product-text {
    grid-row: span 1 !important;
    grid-column: 1 !important;
    aspect-ratio: 1/1 !important;
  }
  .products-page-container .products-container .product-grid-4col .instructions {
    grid-row: 1 !important;
    grid-column: 2/span 2 !important;
    justify-content: center !important;
  }
  .products-page-container .products-container .product-grid-4col .instructions .icons .icon {
    flex-direction: row;
    gap: 1rem;
  }
  .products-page-container .products-container .product-grid-4col .small, .products-page-container .products-container .product-grid-4col .med {
    border-right: 3px solid rgb(198, 0, 1);
  }
  .products-page-container .products-container .product-grid-4col .small h3, .products-page-container .products-container .product-grid-4col .med h3, .products-page-container .products-container .product-grid-4col .big h3 {
    font-size: 1rem;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .instructions {
    grid-row: 1 !important;
    grid-column: 1/span 2 !important;
    justify-content: center;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icons .icon {
    flex-direction: row;
    gap: 1rem;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-queso {
    grid-row: 1 !important;
    grid-column: 3 !important;
    aspect-ratio: 1/1 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .small {
    grid-row: 2 !important;
    grid-column: 1 !important;
    border-right: 2px solid rgb(198, 0, 1);
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .med {
    grid-row: 2 !important;
    grid-column: 2 !important;
    border-right: 2px solid rgb(198, 0, 1);
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .big {
    grid-row: 2 !important;
    grid-column: 3 !important;
  }
  .products-page-container .products-container .product-grid-4col-borek-queso .small h3, .products-page-container .products-container .product-grid-4col-borek-queso .med h3, .products-page-container .products-container .product-grid-4col-borek-queso .big h3 {
    font-size: 1rem;
  }
}
@media (max-width: 678px) {
  #navbar {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.7rem 1rem !important;
  }
  #navbar .logo {
    margin-bottom: 0.3rem !important;
  }
  #navbar .logo-img img {
    width: 50px !important;
    height: 50px !important;
  }
  #navbar .logo-text {
    font-size: 0.7rem !important;
  }
  #navbar .main-menu ul a, #navbar .main-menu ul li {
    padding: 0.3rem !important;
    font-size: 0.7rem !important;
  }
  #navbar .main-menu ul #drop-down-button #drop-down-menu.show {
    top: 25px !important;
    left: -200% !important;
    width: 450% !important;
  }
  #hero-home .overlay h1 {
    font-size: 4.2rem !important;
  }
  #home-content {
    padding: 1rem !important;
  }
  #home-content .info {
    padding: 0 !important;
  }
  #home-content .info h2 {
    font-size: 1.4rem !important;
  }
  #home-content .home-catalogue-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  #home-content .home-catalogue-grid .product-info {
    font-size: 1.5rem !important;
  }
  #hero-contact .contact-banner {
    background: url("/img/Istanbul-BlackNWhite.jpg") no-repeat top 10% center/cover !important;
  }
  #hero-contact .contact-info {
    flex-direction: column-reverse !important;
    align-items: center !important;
  }
  #hero-contact .contact-info .contact-line {
    height: 2px !important;
    width: 80% !important;
  }
  #hero-contact .contact-info .left {
    flex-direction: column-reverse !important;
    padding: 1rem 1rem !important;
    width: 100% !important;
  }
  #hero-contact .contact-info .left .mercedes {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  #hero-contact .contact-info .left .nefer {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
  }
  #hero-contact .contact-info .left .nefer, #hero-contact .contact-info .left .mercedes {
    padding: 0 1.3rem !important;
  }
  #hero-contact .contact-info .left .nefer-info, #hero-contact .contact-info .left .mercedes-info {
    padding: 0 1rem !important;
  }
  #hero-contact .contact-info .left .nefer img, #hero-contact .contact-info .left .mercedes img {
    width: 90px !important;
    height: 90px !important;
    margin-bottom: 0.7rem !important;
  }
  #hero-contact .contact-info .right {
    padding: 0.3rem !important;
  }
  #hero-contact .contact-info .right h1, #hero-contact .contact-info .right h2, #hero-contact .contact-info .right p {
    padding-bottom: 0.3rem !important;
  }
  #hero-contact .contact-info .right h2, #hero-contact .contact-info .right p {
    font-size: 1.2rem !important;
  }
  .catalogue-products {
    padding: 1rem 0.3rem !important;
  }
  .catalogue-products-heading {
    margin-bottom: 3rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .catalogue-products-heading .diagram-line {
    width: 14% !important;
  }
  .catalogue-products-heading .diagram img {
    width: 60px !important;
  }
  .catalogue-products-heading .certificates {
    padding: 0 !important;
    font-size: 0.7rem !important;
    flex-direction: row !important;
    margin-bottom: 3rem;
  }
  .catalogue-products-heading .certificates p {
    border: none !important;
    padding-right: 1rem !important;
  }
  .catalogue-products-heading .certificates .logos {
    padding: 0.3rem;
    border: none !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
    align-items: flex-start !important;
  }
  .catalogue-products-heading .certificates a {
    justify-self: center !important;
    width: 80% !important;
  }
  .catalogue-products-heading .seperator {
    display: block !important;
    background-color: rgb(198, 0, 1) !important;
    height: 3px !important;
    width: 80% !important;
    justify-self: center;
  }
  .catalogue-products .catalogue-product {
    width: 100% !important;
    flex-direction: column !important;
    height: 100% !important;
    margin-bottom: 3rem !important;
  }
  .catalogue-products .catalogue-product .description {
    width: 100% !important;
    margin-bottom: 1rem !important;
  }
  .catalogue-products .catalogue-product .description.left {
    border: none !important;
  }
  .catalogue-products .catalogue-product .description.right {
    border: none !important;
  }
  .catalogue-products .catalogue-product .description h2 {
    font-size: 2rem !important;
  }
  .catalogue-products .catalogue-product .description p {
    font-size: 1rem !important;
  }
  .catalogue-products .catalogue-product .img-btn {
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 1.3rem !important;
  }
  .catalogue-products .catalogue-product .img-btn img {
    align-self: center !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    margin-bottom: 1.7rem !important;
  }
  .catalogue-products .catalogue-product .img-btn a {
    font-size: 1rem !important;
    width: 100% !important;
    align-self: center !important;
  }
  .catalogue-products .catalogue-product.even {
    flex-direction: column-reverse !important;
  }
  .products-page-container {
    padding: 1rem !important;
  }
  .products-page-container .products-header {
    padding: 2rem 1rem !important;
    margin-top: 21% !important;
  }
  .products-page-container .products-container {
    gap: 7rem !important;
  }
  .products-page-container .products-container .product-grid-3col {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .products-page-container .products-container .product-grid-3col .small, .products-page-container .products-container .product-grid-3col .big {
    border: none !important;
  }
  .products-page-container .products-container .product-grid-3col .small img, .products-page-container .products-container .product-grid-3col .big img {
    width: 90% !important;
  }
  .products-page-container .products-container .product-grid-3col.pistachio-mussle .product-text {
    grid-row: 1 !important;
  }
  .products-page-container .products-container .product-grid-3col.pistachio-mussle .small {
    grid-row: 2 !important;
  }
  .products-page-container .products-container .product-grid-3col.pistachio-mussle .big {
    grid-row: 3 !important;
  }
  .products-page-container .products-container .product-grid-4col, .products-page-container .products-container .product-grid-4col-borek-queso {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .products-page-container .products-container .product-grid-4col .product-text.borek-queso, .products-page-container .products-container .product-grid-4col-borek-queso .product-text.borek-queso {
    grid-row: 1 !important;
    grid-column: 1/span 1 !important;
  }
  .products-page-container .products-container .product-grid-4col .small, .products-page-container .products-container .product-grid-4col-borek-queso .small {
    grid-row: 2 !important;
    border: none;
    grid-column: span 1 !important;
  }
  .products-page-container .products-container .product-grid-4col .small h3, .products-page-container .products-container .product-grid-4col-borek-queso .small h3 {
    font-size: 1.3rem !important;
  }
  .products-page-container .products-container .product-grid-4col .med, .products-page-container .products-container .product-grid-4col-borek-queso .med {
    grid-row: 3 !important;
    grid-column: span 1 !important;
    border: none;
  }
  .products-page-container .products-container .product-grid-4col .med h3, .products-page-container .products-container .product-grid-4col-borek-queso .med h3 {
    font-size: 1.3rem !important;
  }
  .products-page-container .products-container .product-grid-4col .big, .products-page-container .products-container .product-grid-4col-borek-queso .big {
    grid-row: 4 !important;
    grid-column: span 1 !important;
  }
  .products-page-container .products-container .product-grid-4col .big h3, .products-page-container .products-container .product-grid-4col-borek-queso .big h3 {
    font-size: 1.3rem !important;
  }
  .products-page-container .products-container .product-grid-4col .instructions, .products-page-container .products-container .product-grid-4col-borek-queso .instructions {
    grid-row: 5 !important;
    grid-column: span 1 !important;
    font-size: 1.3 rem !important;
    justify-content: center !important;
  }
  .products-page-container .products-container .product-grid-4col .instructions .icon, .products-page-container .products-container .product-grid-4col-borek-queso .instructions .icon {
    flex-direction: column !important;
    gap: 7px !important;
  }
  .products-page-container .products-container .product-grid-4col img, .products-page-container .products-container .product-grid-4col-borek-queso img {
    width: 90% !important;
  }
  .products-page-container .products-container .product-grid-4col .cheese, .products-page-container .products-container .product-grid-4col .cheese-tomato, .products-page-container .products-container .product-grid-4col .vegetable, .products-page-container .products-container .product-grid-4col-borek-queso .cheese, .products-page-container .products-container .product-grid-4col-borek-queso .cheese-tomato, .products-page-container .products-container .product-grid-4col-borek-queso .vegetable {
    border: none;
  }
  .products-page-container .products-container .product-grid-4col .cheese img, .products-page-container .products-container .product-grid-4col .cheese-tomato img, .products-page-container .products-container .product-grid-4col .vegetable img, .products-page-container .products-container .product-grid-4col-borek-queso .cheese img, .products-page-container .products-container .product-grid-4col-borek-queso .cheese-tomato img, .products-page-container .products-container .product-grid-4col-borek-queso .vegetable img {
    width: 90%;
  }
}
@media (max-width: 375px) {
  #navbar .main-menu ul a, #navbar .main-menu ul li {
    padding: 0.1rem !important;
    margin: 0 0.1rem !important;
    font-size: 0.7rem !important;
  }
  #navbar .main-menu ul #drop-down-button #drop-down-menu.show {
    top: 20px !important;
  }
  #hero-contact .contact-banner {
    height: 200px !important;
    background: url("/img/Istanbul-BlackNWhite.jpg") no-repeat top 36px center/cover !important;
  }
  #hero-contact .contact-info {
    flex-direction: column-reverse !important;
    align-items: center !important;
    margin-top: 1rem;
  }
  #hero-contact .contact-info .contact-line {
    height: 2px !important;
    width: 80% !important;
    margin-bottom: 1rem;
  }
  #hero-contact .contact-info .left {
    flex-direction: column-reverse !important;
    padding-top: 1rem !important;
    width: 100% !important;
  }
  #hero-contact .contact-info .left .nefer, #hero-contact .contact-info .left .mercedes {
    flex-direction: column !important;
    padding: 0 1.3rem !important;
    margin-bottom: 1rem;
  }
  #hero-contact .contact-info .left .nefer-info, #hero-contact .contact-info .left .mercedes-info {
    padding: 0 1rem !important;
  }
  #hero-contact .contact-info .left .nefer img, #hero-contact .contact-info .left .mercedes img {
    width: 90px !important;
    height: 90px !important;
    margin-bottom: 0.7rem !important;
  }
  #hero-contact .contact-info .right {
    padding: 0.3rem !important;
  }
  #hero-contact .contact-info .right h1, #hero-contact .contact-info .right h2, #hero-contact .contact-info .right p {
    padding-bottom: 0.3rem !important;
  }
  #hero-contact .contact-info .right h1 {
    font-size: 1rem;
  }
  #hero-contact .contact-info .right h2, #hero-contact .contact-info .right p {
    font-size: 0.7rem !important;
  }
  .catalogue-products {
    padding: 0.3rem !important;
  }
  .catalogue-products .presentation h1 {
    font-size: 28px;
  }
  .products-page-container .products-header {
    padding: 2rem 0.3rem !important;
  }
  .products-page-container .products-header h1 {
    font-size: 30px !important;
  }
  .products-page-container .products-header p {
    font-size: 1rem !important;
  }
  .products-page-container .products-container {
    padding: 0.3rem !important;
  }
  .products-page-container .products-container .product-overlay h2 {
    font-size: 1.7rem !important;
  }
  .products-page-container .products-container .product-overlay p {
    font-size: 1rem !important;
  }
  .products-page-container .products-container .small h3, .products-page-container .products-container .big h3 {
    font-size: 1rem !important;
  }
  .products-page-container .products-container .small img, .products-page-container .products-container .big img {
    width: 90% !important;
  }
  .products-page-container .products-container .instructions {
    padding: 0.3rem !important;
  }
  .products-page-container .products-container .instructions h4 {
    font-size: 1.3rem !important;
  }
  .products-page-container .products-container .instructions .icon img {
    width: 42px !important;
    height: 42px !important;
  }
}

/*# sourceMappingURL=main.css.map */