:root {
  --shd: 0 1px 4px rgba(0, 0, 0, 0.6);
  --gold: rgb(254, 216, 72);
  --shd: none;
  --variables-m28o2bcx: 1600px;
  --section-max-width: var(--variables-m28o2bcx);
  --browser-zoom: 1;
  --one-unit: 1cqw;
  --full-viewport: 100 * var(--one-unit) * var(--browser-zoom);
  --scaling-factor: min(var(--full-viewport), var(--section-max-width));
  --horizontalPadding: max(0.5px, 0.0117186 * (var(--scaling-factor) - var(--scrollbar-width)));
  --verticalPadding: max(0.5px, 0.0062498 * (var(--scaling-factor) - var(--scrollbar-width)));
  --scrollbar-width: 15px;
  --l_display: unset;
  --trans2: color 0.4s ease 0s;
  background-color:#1d1d1d;

  --shd: 0px min(-0.5px, -0.0205552 * (var(--scaling-factor) min(100 * 1cqw * 1, 1600px) - var(--scrollbar-width))) max(0.5px, 0.0315457 * (var(--scaling-factor) - var(--scrollbar-width))) max(0.5px, 0.0315457 * (var(--scaling-factor) - var(--scrollbar-width))) rgba(29, 29, 29, 1);
}

* { box-sizing: border-box; }
body, html {
  margin: 0;
  padding: 0;
  background: #1d1d1d; 
  color: #fff;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
  font-weight: 400;
  text-decoration: none;
}
h2{
  font-weight: 400;
  text-decoration: none;
}
/* HEADER & HERO */
header {
  position: fixed; top:0; left:0; right:0;
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 2rem; background: transparent;
  transition: all .3s ease; z-index:1000;
}
header.scrolled { background: rgba(29,29,29,.8); }
.top-icons img, .logo,
.book-btn a { display: none; transition: all .3s ease; }
header.scrolled .top-icons img,
header.scrolled .logo,
header.scrolled .book-btn a { display:inline-block; }
.top-icons img {margin-right:10px; }
.book-btn a {
  background: var(--gold);
  color:#000;
  padding:.5rem 2rem;
  border-radius:20px;
  text-decoration:none;
  font-weight: normal;
  font-size: 16.8px;
  line-height: 1.6em;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
  transition: var(--trans2, color .4s ease 0s);
}
.book-btn a:hover {
  background:#47115d; color:#fff;
}
.hero {
  position: relative; height:100vh; overflow:hidden;
}
.hero video {
  position:absolute; top:0; left:0;
  width:100%; height:100%; object-fit:cover;
}

/* Hero’daki büyük logo */
.logo-center {
  width: 47%;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  opacity: 1;
  z-index: 2;
}

/* Header içindeki küçük logo (başlangıçta gizli) */
header .logo img {
  display: none;
  height: 70px;      /* final logonuzun 70px yüksekliğine eşit */
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

header.scrolled .logo img {
  display: inline-block;
  opacity: 1;
}



.whatsapp {
  position:fixed; bottom:20px; right:20px;
  background:#25D366; width:50px; height:50px;
  border-radius:50%; display:flex;
  align-items:center; justify-content:center;
  z-index:9999;
}
.whatsapp i { font-size:24px; color:#fff; }
/* SECTION 2 */
.shadow-divider {
  /*height:109px;*/
  background:#1a1a1a;
  box-shadow: var(--shd);
}
.section-dine {
  background:#1a1a1a; padding:4rem 1rem;
}
.section-dine h2 {
  font-size:40px; font-weight:550;
  text-align:right; color:var(--gold);
  line-height:1.1;
}
.section-dine .line {
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: var(--gold);
  padding-left: 2rem;
  height: 338px;
  align-content: center;
}
.section-dine .book-now {
  text-align:center;

  margin-top: 4rem;
  min-height: unset;
  --l_display: unset;
  height: auto;
  --aspect-ratio: 0.11970136579152219;
  min-width: 0px;
  width: 27.599609375%;
  max-width: 99999px;
  max-height: 99999px;
  aspect-ratio: 1 / var(--aspect-ratio);
  --comp-display: unset;
  display: var(--l_display, var(--display, block));
  align-self: center;
  justify-self: center;
  pointer-events: auto;
  grid-area: 1 / 1 / 2 / 2;
  position: relative;
}
.section-dine .book-now a {
  background:var(--gold); color:#000;
  padding:.6rem 5.5rem; border-radius:25px;
  font-weight:bold; text-decoration:none;

  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6));
  padding-bottom: var(--verticalPadding, 0);
  padding-left: var(--horizontalPadding, 0);
  padding-right: var(--horizontalPadding, 0);
  padding-top: var(--verticalPadding, 0);
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-width: 100%;
  text-align: initial;
}
.section-dine .book-now a:hover {
  background:#47115d; color:#fff;
}
.section-dine .book-now a {
  font-weight: normal;
  font-size: 16.8px;
  line-height: 1.6em;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
}
.section-dine p, .paragraf3{
  line-height: normal;
  font-weight: normal;
  font-size: 21.6px;
  font-family: madefor-text, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif;
  letter-spacing: 0em;
}
/* SECTIONS 3–6 */
.full-image img { width:100%; height:auto; display:block; }

/* Carousel styling from Bootstrap defaults */
/* Footer */
footer {

  background:#1d1d1d; padding:2rem;
  display:flex; justify-content: space-between;
  align-items:center; flex-wrap:wrap;
}
footer img { max-height:60px; }
footer p { margin:0; }
.footer-links button {
  background:none; border:none;
  color:var(--gold); padding:.5rem;
  text-decoration:underline; cursor:pointer;
}



h2.baslik_1, h2.baslik_2, h2.baslik_3{
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-size-adjust: none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: calc(0.0328125 * min(100cqw, 1600px));
  line-height: 1.3em;
  font-family: madefor-display-bold, helveticaneuew01-65medi, helveticaneuew02-65medi, helveticaneuew10-65medi, sans-serif;
  letter-spacing: 0em;
  font-family: fraunces_120pt-semibold, serif;
}

.baslik_3 {
  font-size:40px;
  color:var(--gold);
  text-transform:uppercase;
  margin-bottom:1rem;
  font-family: fraunces_120pt-semibold, serif;
  font-weight: 400;
  text-decoration: none;
}

h2.baslik_1{
  background-color: transparent;
  font-family: fraunces_120pt-semibold, serif;
  font-weight: 400;
  text-decoration: none;
  padding-right: 1rem;
}

h2.baslik_2{
  line-height: normal;
  padding-right: 1rem;
}

.resimkaydir1, .resimkaydir2 {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: static;
  z-index: -1;
  background-position: center center;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
  background-position: center center;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 600px;
}


@font-face {font-display: swap; font-family: 'fraunces_120pt-semibold'; font-style: italic; font-weight: 400; src: url('font/fraunces_120pt-semibold1.woff2') format('woff2'); unicode-range: U+0020-007E, U+00A0-0148, U+014A-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02BC, U+02C6-02C7, U+02D8-02DD, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265, U+27E8-27E9, U+E132-E133, U+FB00-FB04;font-display: swap;
}
@font-face {font-display: swap; font-family: 'fraunces_120pt-semibold'; font-style: italic; font-weight: 700; src: url('font/fraunces_120pt-semibold2.woff2') format('woff2'); unicode-range: U+0020-007E, U+00A0-0148, U+014A-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02BC, U+02C6-02C7, U+02D8-02DD, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265, U+27E8-27E9, U+E132-E133, U+FB00-FB04;font-display: swap;
}
@font-face {font-display: swap; font-family: 'fraunces_120pt-semibold'; font-style: normal; font-weight: 400; src: url('font/fraunces_120pt-semibold3.woff2') format('woff2'); unicode-range: U+0020-007E, U+00A0-0148, U+014A-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02BC, U+02C6-02C7, U+02D8-02DD, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265, U+27E8-27E9, U+E132-E133, U+FB00-FB04;font-display: swap;
}
@font-face {font-display: swap; font-family: 'fraunces_120pt-semibold'; font-style: normal; font-weight: 700; src: url('font/fraunces_120pt-semibold4.woff2') format('woff2'); unicode-range: U+0020-007E, U+00A0-0148, U+014A-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02BC, U+02C6-02C7, U+02D8-02DD, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265, U+27E8-27E9, U+E132-E133, U+FB00-FB04;font-display: swap;
}
@font-face {font-display: swap; font-family: 'madefor-text'; font-style: normal; font-weight: 400; src: url('font/madefor-text.var.original1.woff2') format('woff2-variations'), url('font/madefor-text1.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A5, U+00A7-00B4, U+00B6-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0133, U+0136-013E, U+0141-0148, U+014A-014B, U+0150-0155, U+0158-015B, U+015E-016B, U+016E-017E, U+01A0-01A1, U+01AF-01B0, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0491, U+1E24-1E25, U+1E36-1E37, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2000-200B, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AB-20AC, U+20B4, U+20B9-20BA, U+20BD, U+2116, U+2122, U+2190-2193, U+2212, U+25B2, U+25B6, U+25BC, U+25C0, U+FEFF;font-display: swap;
}
@font-face {font-display: swap; font-family: 'madefor-text'; font-style: italic; font-weight: 400; src: url('font/madefor-text.var.original2.woff2') format('woff2-variations'), url('font/madefor-text2.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A5, U+00A7-00B4, U+00B6-0107, U+010A-0113, U+0116-011B, U+011E-0123, U+0126-012B, U+012E-0133, U+0136-013E, U+0141-0148, U+014A-014B, U+0150-0155, U+0158-015B, U+015E-016B, U+016E-017E, U+0218-021B, U+0237, U+02C6-02C7, U+02D8-02DD, U+1E24-1E25, U+1E36-1E37, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2000-200B, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+20B9-20BA, U+20BD, U+2122, U+2190-2193, U+2212, U+25B2, U+25B6, U+25BC, U+25C0, U+FEFF;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew01-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+2021, U+2030, U+E300-E305, U+E308;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew01-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0160-0161, U+0178, U+017D-017E, U+0192, U+2020;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew01-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew01-45ligh.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122;font-display: swap;
}@font-face {font-display: swap; font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew02-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2021, U+2030, U+2126, U+212E, U+E0D6, U+E300-E30D, U+F8FF, U+FB01-FB02;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew02-45ligh.math.woff2') format('woff2'); unicode-range: U+0394, U+03A9, U+03BC, U+03C0, U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew02-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0100-012B, U+012E-0130, U+0132-0137, U+0139-0149, U+014C-0151, U+0154-017E, U+0192, U+0218-021B, U+1E9E, U+2020, U+20B9-20BA, U+20BC-20BD, U+2113;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew02-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew02-45ligh.latin.woff2') format('woff2'); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2215;font-display: swap;
}@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.other.woff2') format('woff2'); unicode-range: U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+2010, U+2015, U+2021, U+2030, U+203D, U+2070, U+2075-208E, U+2105, U+2117, U+2126, U+212E, U+2153-2154, U+215B-215E, U+FB00-FB04;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.math.woff2') format('woff2'); unicode-range: U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.cyrillic.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+2116;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.greek.woff2') format('woff2'); unicode-range: U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.latin-ext.woff2') format('woff2'); unicode-range: U+0100-0130, U+0132-0151, U+0154-017E, U+0192, U+01FA-01FF, U+0218-021B, U+0237, U+1E80-1E85, U+1E9E, U+1EF2-1EF3, U+2020, U+20B9-20BA, U+20BD, U+2113;font-display: swap;
}
@font-face {font-display: swap; font-family: 'helveticaneuew10-45ligh'; font-style: normal; font-weight: 400; src: url('font/helveticaneuew10-45ligh.latin.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+2215;font-display: swap;
}

.dance_title .mobile-line, .dance_content .mobile-line, .the_story_title .mobile-line, .the_story_content .mobile-line{
  display: block;
  
}
.lazy-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


@media(min-width:768px) {
  .dance_title{
    width:39%;
  }
  .dance_content{
    width:61%
  }
  .the_story_title{
    width:30%;
  }
  .the_story_content{
    width:70%
  }
  .sadece_mobil{
    display: none;
  }
}
/* Responsive */
@media(max-width:1200px) {
  .section-dine .line{
    padding-left: 1rem;
  }
  .py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media(max-width:1000px) {
  .dance_content .mobile-line, .the_story_content .mobile-line{
    display: inline;
    margin-bottom: 0.5rem;
  }
  
  .section-dine{
    padding: 1rem;
  }
  .section-dine .book-now{
    margin-top: 1rem;
  }
}
@media(max-width:768px) {
  header { background: rgba(0,0,0,.9); }
  /*.logo-center {
    position:relative; top:auto; left:auto;
    transform:none; margin:auto;
    max-width:80%; padding:1rem;
  }
  */
  .logo,
  .top-icons img,
  .book-btn a { display:inline-block; }
  header#mainHeader {
    padding: 5px;
  }
  .book-btn a {
    padding: 5px 16px;
    font-size: 13px;
  }
  header.scrolled .logo img{
    height: 45px;
  }
  .hero{
    height: 450px;
  }
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 20px;
    text-align: center;
    padding: 0;
  }
  .p2r1r{
    padding: 2rem 1rem;
  }
  .section-dine p, .paragraf3{
    font-size: 17px;
    text-align: center;
    padding: 0;
  }
  .paragraf3{
    padding-right: 15px;
    padding-left: 15px;
  }
  .resimkaydir1, .resimkaydir2,{
    height: 341px;
  }

  .shadow-divider{
    height: 0px;
  }
  .section-dine{
    padding: 2rem 1rem;
  }
  .section-dine .line{
    padding: 0;
    border: none;
    text-align: center;
    height: auto;
  }
  .dance_title .mobile-line, .dance_content .mobile-line, .the_story_title .mobile-line, .the_story_content .mobile-line{
    display: inline;
    margin-bottom: 0.5rem;
  }
  
  .section-dine .book-now{
    margin-top: 5px;
    width: 40%;
  }
  .section-dine .book-now a {
    font-size: 20px;
  }
  .py-5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
}

@media screen and (min-width: 320px) and (max-width: 550px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 17px;
    text-align: center;
  }
  .section-dine p, .paragraf3{
    font-size: 15px;
    text-align: center;
  }

}

@media screen and (min-width: 767px) and (max-width: 1000px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 24px;
  }
  .section-dine p, .paragraf3{
    font-size: 16px;
  }
  
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 36px;
  }
  .section-dine p, .paragraf3{
    font-size: 16px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 38px;
  }
  .section-dine p, .paragraf3{
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 40px;
  }
  .section-dine p, .paragraf3{
    font-size: 18px;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
  h2.baslik_1, h2.baslik_2, h2.baslik_3{
    font-size: 44px;
  }
  .section-dine p, .paragraf3{
    font-size: 19px;
  }
}