@font-face {
  font-family: subtle-curves;
  src: url("../fonts/SubtleCurves-eZ4Y6.ttf");
}
@font-face {
  font-family: made-avenue;
  src: url("../fonts/MADEAvenuePERSONALUSE-Regular.otf");
}
@font-face {
  font-family: heading-now;
  src: url("../fonts/HeadingNowTrial-56Bold.ttf");
}
@font-face {
  font-family: adobe-garamond-pro;
  src: url("../fonts/AGaramondPro-Regular.otf");
}
.font-subtle-curves {
  font-family: "subtle-curves" !important;
}

.font-heading-now {
  font-family: "heading-now" !important;
  letter-spacing: 0.8px;
}

.font-adobe-garamond-pro {
  font-family: "adobe-garamond-pro" !important;
}

* {
  font-family: "Sora", sans-serif;
}

h2,
h3 {
  font-weight: 900 !important;
}

body {
  background-image: url("../assets/images/main-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

div {
  scroll-margin-top: 24px !important;
}

.navbar {
  background-color: #232323;
}

.header {
  padding-top: 54px;
  background-image: url("../assets/header/header-bg.svg");
  min-height: 440px;
}
.header .navbar-toggler {
  border: none !important;
  box-shadow: none !important;
}
.header .main-link {
  color: #75b138;
  text-decoration: none;
}
.header .main-page-link {
  color: #75b138 !important;
  font-size: 21px;
  font-weight: 900;
  text-decoration: none;
  display: block;
  text-align: right;
  margin-top: 16px;
  padding-bottom: 80px;
  text-align: center;
}
.header .navbar-toggler {
  cursor: pointer;
}
.header .mobile-drawer {
  max-width: 320px !important;
  border-radius: 16px 0 0 16px;
}
.header .menu-items-mobile {
  align-items: end;
  text-decoration: none;
  color: black;
  font-size: 21px;
  font-weight: bold;
}
.header .menu-items-mobile a {
  color: black;
  text-decoration: none;
}
.header .desktop {
  display: none;
}
.header .header-right {
  color: #78be42;
  font-size: 14px;
  text-align: right;
}
.header .dino {
  right: -36px;
  top: 16px;
}
.header .mobile-header-image {
  width: 100%;
  max-width: 240px;
}

#mobile-burgers .mobile-burgers-wrapper {
  top: -140px;
}
#mobile-burgers .mobile-burgers-wrapper .with-background {
  margin-top: 160px;
  background-image: url("../assets/burgers/burgers-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
#mobile-burgers .mobile-burgers-wrapper .with-background .container {
  top: -160px;
}
#mobile-burgers .mobile-burgers-wrapper .after-background {
  position: relative;
  top: -160px;
}
#mobile-burgers .mobile-burgers-wrapper img {
  position: relative;
  left: -68px;
}
#mobile-burgers .mobile-burgers-wrapper .burger-price {
  position: absolute;
  bottom: 0;
  left: 120px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #232323;
  border-radius: 9999px;
}
#mobile-burgers .mobile-burgers-wrapper .burger-price p {
  color: white;
}
#mobile-burgers .mobile-burgers-wrapper .burger-price p span {
  font-size: 25px;
}
#mobile-burgers .mobile-burgers-wrapper .burger-content h2 {
  color: #000;
  font-size: 36px;
}
#mobile-burgers .mobile-burgers-wrapper .burger-content p {
  color: #000;
  font-weight: 600;
  line-height: 24px;
}

#burgers {
  display: none;
  min-height: 100vh;
}

.bottom-background {
  position: relative;
  bottom: 4px;
  z-index: -1;
}

.top-background {
  position: relative;
  top: 4px;
  z-index: -1;
}

#combos {
  min-height: 400px;
  position: relative;
  top: -160px;
}
#combos .section-image {
  position: absolute;
  top: -100px;
}
#combos .top-background {
  background-image: url("../assets/combos/bg-mobile/Path 13.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 96px;
}
#combos .main-background {
  background-image: url("../assets/combos/bg-mobile/Rectangle 12.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 400px;
}
#combos .main-background h2 {
  color: white;
  font-size: 48px;
}
#combos .main-background .combo-menu {
  margin-bottom: 8px;
}
#combos .main-background .combo-menu h3,
#combos .main-background .combo-menu p {
  color: white;
}
#combos .main-background .combo-menu p {
  font-size: 12px;
}
#combos .main-background .combo-menu .menu-price {
  background: #dcdcdc;
  border-radius: 999px;
  height: 72px;
  width: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  right: -16px;
  top: -16px;
  padding: 12px;
}
#combos .main-background .combo-menu .menu-price p {
  color: #000;
  font-weight: bold;
}
#combos .main-background .combo-menu .menu-price p span {
  font-size: 24px;
}
#combos .bottom-background {
  background-image: url("../assets/combos/bg-mobile/Path 14.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 96px;
}

#offers img {
  max-width: 300px;
}
#offers .soup .section-image {
  position: relative;
  top: 24px;
}
#offers .size {
  font-size: 13px;
}
#offers .offers-wrapper {
  position: relative;
  top: -180px;
}
#offers .menu-price {
  background: #78be42;
  border-radius: 999px;
  height: 72px;
  width: 72px;
  padding: 12px;
  color: #dcdcdc;
}
#offers .menu-price .price-value {
  font-size: 22px;
}
#offers .menu-price .price-currency {
  font-size: 14px;
}
#offers .main .section-title h2 {
  font-size: 58px;
  line-height: 56px;
  font-weight: 900;
}
#offers .daily-menu h2,
#offers .daily-menu h3 {
  color: #000;
}
#offers .daily-menu .section-image img {
  max-width: 210px;
}
#offers .daily-menu .section-content {
  position: relative;
  bottom: 16px;
}
#offers .daily-menu .section-content p {
  font-weight: 500;
}
#offers .daily-menu .section-title h2 {
  font-size: 80px;
  line-height: 78px;
  font-weight: 900;
}
#offers .daily-menu .section-title h3 {
  line-height: 42px;
  font-size: 44px;
  font-weight: 900;
}
#offers .daily-menu .menu-description {
  position: relative;
  bottom: 24px;
  z-index: -1;
  background-color: white;
  border-radius: 16px;
  border: 1px solid black;
}
#offers .daily-menu .menu-description p {
  font-size: 14px;
  line-height: 18px;
}

#menu .section-image img {
  max-width: 758px;
}
#menu .starters-wrapper {
  top: -120px;
}
#menu .starters-content h2,
#menu .salads-content h2,
#menu .sides-content h2,
#menu .desert-content h2 {
  color: #000;
  font-size: 48px;
}
#menu .starters-content h3,
#menu .salads-content h3,
#menu .sides-content h3,
#menu .desert-content h3 {
  color: #000;
}
#menu .starters-content p,
#menu .salads-content p,
#menu .sides-content p,
#menu .desert-content p {
  line-height: 20px;
}
#menu .custom-title {
  margin-bottom: 48px;
}
#menu .custom-title h2 {
  width: -moz-fit-content;
  width: fit-content;
}
#menu .custom-title .muffin {
  position: absolute;
  left: -60px;
  top: 0;
}
#menu .custom-title .biscuite {
  position: absolute;
  right: 0px;
  bottom: -54px;
}
#menu .custom-title span {
  position: relative;
  z-index: 2;
}
#menu .starter-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
#menu .starter-price .dots {
  flex: 1;
  border-bottom: 3px dotted #000;
}

#glutens {
  min-height: 400px;
  position: relative;
  top: -60px;
}
#glutens .price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
#glutens .price .dots {
  flex: 1;
  border-bottom: 3px dotted white;
}
#glutens .section-image {
  position: absolute;
  top: -60px;
}
#glutens .section-image img {
  position: relative;
  left: 32px;
  top: 16px;
}
#glutens .top-background {
  background-image: url("../assets/glutens/bg-mobile/Path 14.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 96px;
}
#glutens .main-background {
  background-image: url("../assets/glutens/bg-mobile/Rectangle 12.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 400px;
}
#glutens .main-background h2 {
  color: white;
  font-size: 48px;
  font-weight: 900;
}
#glutens .main-background h3 {
  color: white;
  font-size: 20px;
  font-weight: 700;
}
#glutens .main-background p {
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
#glutens .main-background .price {
  font-weight: 800;
}
#glutens .bottom-background {
  background-image: url("../assets/glutens/bg-mobile/Path 13.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 96px;
}

#drinks .drinks-wrapper {
  position: relative;
  top: -32px;
}
#drinks .drinks-wrapper .starter-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
#drinks .drinks-wrapper .starter-price .dots {
  flex: 1;
  border-bottom: 3px dotted #000;
}
#drinks .drinks-wrapper .custom-title {
  margin-bottom: 48px;
}
#drinks .drinks-wrapper .custom-title h2 {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 54px;
  color: #000;
}
#drinks .drinks-wrapper .custom-title h2 .glass {
  position: absolute;
  left: -54px;
  top: -32px;
}
#drinks .drinks-wrapper .custom-title h2 span {
  position: relative;
  z-index: 2;
}

#alergens h2 {
  font-size: 48px;
  color: #000;
}

#footer .footer-content a {
  text-align: center;
  display: block;
  color: black;
  font-weight: bold;
  font-size: 23px;
  text-decoration: underline;
}
#footer .footer-content a:hover {
  color: #75b138;
}
#footer .desktop {
  display: none;
}
#footer .section-image img {
  max-width: 390px;
}
#footer h2 {
  font-size: 48px;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .container {
    padding: 0 36px !important;
  }
  #burgers {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #offers {
    display: none !important;
  }
  #snacks .row,
  #drinks .row {
    --bs-gutter-x: 4.5rem;
  }
  .with-background {
    background-image: none !important;
  }
  .downsize {
    position: relative;
    top: 80px;
  }
  .starter-menu.desktop-large-pt {
    padding-top: 4.5rem !important;
  }
  #burgers .burgers-wrapper {
    margin-bottom: -40px;
    position: relative;
    top: -160px;
  }
  #burgers .burger-price {
    position: absolute;
    bottom: 0;
    left: 200px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #232323;
    border-radius: 9999px;
  }
  #burgers .burger-price p {
    color: white;
  }
  #burgers .burger-price p span {
    font-size: 25px;
  }
  #burgers .burger-content h2 {
    color: #000;
    font-size: 36px;
    line-height: 32px;
  }
  #burgers .burger-content p {
    color: #000;
    font-weight: 600;
    line-height: 21px;
    font-size: 16px;
  }
  #burgers .row-1 .burger-1 {
    position: relative;
    top: -100px;
  }
  #burgers .row-1 .burger-2 {
    position: relative;
    top: -90px;
  }
  #burgers .row-1 .burger-3 {
    position: relative;
    top: 0px;
  }
  #burgers .row-2 img {
    width: 100%;
    max-width: 400px;
    position: relative;
    top: -40px;
  }
  #burgers .row-3 .burger-1 {
    position: relative;
    top: -360px;
    left: -24px;
  }
  #burgers .row-3 .burger-2 {
    position: relative;
    top: -120px;
  }
  #burgers .row-3 .burger-3 {
    position: relative;
    top: -254px;
  }
  #burgers .burger {
    width: 100%;
  }
  .header .menu-items a {
    color: white;
    font-size: 14px;
    text-decoration: none;
  }
  .header .desktop-header-image {
    margin-top: 48px;
  }
  #combos .section-image {
    top: 0;
  }
  #combos .section-image img {
    width: 354px;
  }
  #combos .desktop-tooltip {
    color: white;
    text-align: center;
    width: 80%;
    padding-top: 40px !important;
    margin: auto !important;
  }
  #combos h2 {
    margin-bottom: 60px;
    font-size: 80px !important;
  }
  #combos .row {
    --bs-gutter-x: 5rem;
  }
  #combos .top-background {
    background-image: url("../assets/combos/bg-desktop/Path 13.svg");
    height: 300px;
  }
  #combos .bottom-background {
    background-image: url("../assets/combos/bg-desktop/Path 14.svg");
    height: 300px;
  }
  #combos .menu-content p {
    width: 80%;
    font-size: 14px !important;
  }
  #combos .menu-content h3 {
    font-size: 32px !important;
  }
  #glutens {
    top: -100px;
  }
  #glutens .row {
    --bs-gutter-x: 5rem;
  }
  #glutens .title-wrapper h2 {
    font-size: 80px;
  }
  #glutens .section-image img {
    width: 254px;
    margin: auto;
    left: 0;
  }
  #glutens .top-background {
    background-image: url("../assets/glutens/bg-desktop/Path 14.svg");
    height: 240px;
  }
  #glutens .bottom-background {
    background-image: url("../assets/glutens/bg-desktop/Path 13.svg");
    height: 240px;
  }
  #menu .custom-title-salads {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
  }
  #menu .custom-title-salads h2 {
    width: -moz-fit-content;
    width: fit-content;
    gap: 160px;
  }
  #menu .custom-title-salads h2 .title-1 {
    font-weight: 300 !important;
    letter-spacing: -2px;
    font-size: 64px;
  }
  #menu .custom-title-salads h2 img {
    position: absolute;
    left: 232px;
    z-index: -1;
    width: 270px;
  }
  #menu .row {
    --bs-gutter-x: 4.5rem;
  }
  #menu .starters-wrapper {
    top: -180px;
  }
  #menu .desktop-title {
    font-size: 80px;
    color: black;
  }
  #menu .salads-content h2,
  #menu .sides-content h2,
  #menu .desert-content h2 {
    font-size: 80px;
  }
  #menu .custom-title {
    margin-bottom: 160px;
  }
  #menu .custom-title .pre-title {
    font-size: 54px;
    font-weight: 300;
  }
  #menu .custom-title .muffin {
    left: 100px;
    top: 130px;
    width: 130px;
    z-index: 3;
  }
  #menu .custom-title .biscuite {
    position: absolute;
    width: 184px;
    right: 52px;
    bottom: -130px;
    z-index: 3;
  }
  #drinks .custom-title {
    margin-bottom: 120px !important;
  }
  #drinks .custom-title h2 {
    font-size: 80px !important;
  }
  #drinks .custom-title .pre-title {
    font-size: 40px;
    font-weight: 300;
  }
  #drinks .custom-title .glass {
    left: -100px !important;
    top: -40px !important;
    width: 155px;
  }
  #drinks .col-sm-12:nth-child(2n) .menu-content {
    justify-content: end;
  }
  #footer .mobile {
    display: none !important;
  }
  #footer .desktop {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  #mobile-burgers {
    scroll-margin-top: 240px !important;
  }
  #menu,
  #drinks {
    scroll-margin-top: 180px !important;
  }
  #starters {
    scroll-margin-top: 160px !important;
  }
  #glutens,
  #combos,
  #burgers,
  #snacks,
  #footer,
  #salads,
  #desserts {
    scroll-margin-top: 80px !important;
  }
  #alergens {
    scroll-margin-top: 120px !important;
  }
}
@media only screen and (min-width: 1024px) {
  #burgers {
    scroll-margin-top: 400px !important;
  }
  #menu,
  #drinks {
    scroll-margin-top: 210px !important;
  }
  #starters {
    scroll-margin-top: 210px !important;
  }
  #glutens,
  #combos,
  #snacks,
  #footer,
  #salads,
  #desserts {
    scroll-margin-top: 120px !important;
  }
  #alergens {
    scroll-margin-top: 160px !important;
  }
  #combos .menu-price {
    top: 0 !important;
    right: 32px !important;
  }
  #burgers {
    display: block;
  }
  #mobile-burgers {
    display: none;
  }
  .header {
    padding-top: 120px !important;
    min-height: 680px;
  }
  .header .mobile {
    display: none !important;
  }
  .header .desktop {
    display: block !important;
  }
}
@media only screen and (min-width: 1280px) {
  #burgers .row-2 img {
    width: 100%;
    max-width: 480px;
    position: relative;
    top: -80px;
  }
  #burgers .row-3 .burger-1 {
    position: relative;
    top: -400px;
    left: -24px;
  }
  #burgers .row-3 .burger-2 {
    position: relative;
    top: -180px;
  }
  #burgers .row-3 .burger-3 {
    position: relative;
    top: -320px;
  }
  #burgers .burger-image img {
    width: 100%;
    max-width: 480px;
  }
  #burgers .burger-image .burger-price {
    left: 240px;
    top: 200px;
  }
}
@media only screen and (min-width: 1400px) {
  #burgers .burger-image img {
    width: 100%;
    max-width: 480px;
  }
  #burgers .burger-image .burger-price {
    left: 280px;
    top: 240px;
  }
}/*# sourceMappingURL=index.css.map */