/* CHOCO SECTION */
.kezmuves-header .header-container .header-title h1 {
  letter-spacing: 0 !important;
  font-weight: 600;
}
.kezmuves-header .mobile-divider {
  display: none;
}
.premium-chocolates-section {
  padding: 4.5rem 0 6rem 0;
  background-color: #FFFFFF;
}
.premium-chocolates-section .premium-chocolates-section-title {
  grid-column-start: 2;
  text-align: center;
}
.premium-chocolates-section .premium-chocolates-section-title .premium-choco-title {
  text-align: center;
  padding-bottom: 2rem;
}
.premium-chocolates-section .premium-chocolates-section-title .premium-choco-title h2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.5rem;
}
.premium-chocolates-section .premium-chocolates-section-title .premium-icon {
  margin-bottom: 2rem;
}
.premium-chocolates-section .premium-chocolates-section-title .premium-icon:nth-child(1) {
  padding-right: 2rem;
}
.premium-chocolates-section .premium-chocolates-section-title .premium-icon:nth-child(2) {
  padding-left: 2rem;
}
.premium-choco-list-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2rem;
}
.premium-choco-list-row .premium-choco {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  grid-row-gap: 1rem;
}
.premium-choco-list-row .premium-choco .premium-choco-image {
  display: grid;
  justify-items: center;
}
.premium-choco-list-row .premium-choco .premium-choco-image:hover > .premium-choco-bg {
  transform: rotate(10deg);
  transition: 0.5s;
}
.premium-choco-list-row .premium-choco .premium-choco-bg {
  padding-top: 2rem;
  width: 22rem;
  height: 23rem;
}
.premium-choco-list-row .premium-choco .premium-choco-img {
  z-index: 990;
}
.show-only-tablet {
  display: none;
  grid-template-columns: 1fr 1fr;
  margin-top: 2rem;
}
.show-only-tablet .premium-choco {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  justify-items: center;
  grid-row-gap: 1rem;
}
.show-only-tablet .premium-choco .premium-choco-bg {
  padding-top: 2rem;
  width: 22rem;
  height: 23rem;
}
.show-only-tablet .tablet-last {
  grid-column-start: 1;
  grid-column-end: 3;
}
.premium-choco-list-row:last-child {
  grid-template-columns: 1fr 1fr 1fr;
}
.premium-choco-list-row:last-child .premium-choco:first-child {
  grid-column-start: 2;
}
.premium-choco-text .premium-choco-name {
  font-size: 1.1rem;
}
.premium-choco-text .premium-choco-label {
  margin-bottom: 0;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.shop-section {
  grid-row-start: 2;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: 1fr;
  padding: 2rem 0;
}
.shop-section .purple-section-text {
  color: #FFF;
  text-align: left;
}
.shop-section .purple-section-text .purple-title {
  text-transform: uppercase;
  font-size: 2.5rem;
  display: inline;
}
.shop-section .purple-section-text .premium-icon {
  width: 3rem;
  margin-bottom: 2rem;
}
.shop-section .purple-section-text .shop-desc {
  font-size: 1rem;
}
.shop-general,
.shop-hatter-general {
  width: 80%;
  justify-self: right;
  align-self: center;
}
.shop-general {
  align-self: center;
}
.distributor-section {
  background-color: #E5E5E5;
}
.distributor-section .distributor-section-title {
  grid-column-start: 2;
  text-align: center;
  padding: 3rem 0;
  text-transform: uppercase;
}
.distributor-section .distributor-section-title h2 {
  font-size: 2.6rem;
  font-weight: 600;
}
.distributor-section .distributor-section-title .distributor-underline {
  width: 35rem;
}
.distributor-section .distributor-logos {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3rem;
  padding-bottom: 3rem;
}
.distributor-section .distributor-logos .distributor {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.distributor-section .distributor-logos .distributor .distr-logo {
  height: 8rem;
}
.distributor-section .distributor-logos .distributor .distr-text {
  text-align: center;
}
.premium-contact-section .contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.premium-contact-section .contact-grid .contact-text {
  grid-column-start: 1 !important;
}
.premium-contact-section .contact-grid .contact-desc {
  grid-column-start: 3;
  align-self: center !important;
}
@media only screen and (max-width: 1586px) {
  .premium-choco-list-row {
    display: none;
  }
  .show-only-tablet {
    display: grid;
    grid-gap: 10px;
  }
  .shop-purple-section .grid-overlap-mirror {
    grid-column-start: 2;
  }
}
@media only screen and (max-width: 1200px) {
  .kezmuves-header .header-container .header-title .header-logo {
    width: 24%;
  }
  .kezmuves-header .mobile-divider {
    display: block;
  }
  .kezmuves-header .desktop-divider {
    display: none;
  }
  .premium-choco-list-row:last-child {
    grid-template-columns: 1fr;
  }
  .premium-choco-list-row:last-child .premium-choco:first-child {
    grid-column-start: 1;
  }
  .shop-section {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .shop-general,
  .shop-hatter-general {
    grid-column-start: 1 !important;
    grid-row-start: 2 !important;
    width: 60%;
    justify-self: center;
    align-self: center;
  }
  .distributor-section .distributor-logos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  #premium-contact-section .contact-grid {
    grid-template-columns: 1fr;
  }
  #premium-contact-section .contact-grid .contact-text {
    padding-top: 1rem;
  }
  #premium-contact-section .contact-grid .contact-text .contact-title-div {
    text-align: center;
    padding-bottom: 1.5rem;
  }
  #premium-contact-section .contact-grid .contact-desc {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  #premium-contact-section .contact-grid .contact-desc .contact-title-div {
    text-align: center;
  }
  .grid-overlap-mirror,
  .grid-overlap-mirror-contact {
    grid-row-start: 2;
    grid-column-start: 1;
  }
}
@media only screen and (max-width: 768px) {
  .distributor-section .distributor-section-title .distributor-underline {
    width: 20rem;
  }
  .shop-general,
  .shop-hatter-general {
    width: 85%;
    margin-right: -5rem;
    justify-self: end;
    align-self: center;
  }
  #premium-contact-section .contact-grid .contact-text {
    margin: 2rem 0;
  }
}
@media only screen and (max-width: 568px) {
  .premium-choco-text .premium-choco-label {
    font-size: 1rem;
  }
  .premium-choco-text .premium-choco-name {
    font-size: 0.9rem;
  }
  .distributor-section .distributor-logos {
    grid-gap: 1rem;
  }
  .distributor-section .distributor-logos .distributor .distr-logo {
    height: 4.5rem;
  }
  .distributor-section .distributor-logos .distributor .distr-text {
    font-size: 0.9rem;
  }
  .show-only-tablet .premium-choco img {
    width: 68%;
  }
  .show-only-tablet .tablet-last img {
    width: 33% !important;
  }
}
@media only screen and (max-width: 380px) {
  .distributor-section .distributor-section-title h2 {
    font-size: 1.5rem;
  }
  .premium-contact-section .contact-grid .contact-desc .contact-title-div h3 {
    font-size: 1.5rem !important;
  }
  .contact-section .contact-grid .contact-text .contact-title-div .contact-title {
    font-size: 1.5rem !important;
  }
}
#tablas-header {
  padding-top: 6rem;
}
.tablas-header {
  background: url("./img/tablas_landing/hero_tablas_csokik.png") no-repeat center !important;
  background-size: cover !important;
}
.tablas-header .tablas-header-grid {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 3rem;
  grid-row-start: 2;
  grid-row-end: 5;
  z-index: 100;
}
.tablas-header .tablas-header-grid .absolute-choco {
  width: 86%;
}
.tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak {
  display: grid;
}
.tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak img {
  justify-self: end;
}
.tablas-header .tablas-header-grid .tablas-header-right {
  align-self: center;
}
.tablas-header .tablas-header-grid .tablas-header-right .tablas-header-logo img {
  width: 60%;
  max-width: 330px;
  margin-top: -20%;
  margin-left: 8%;
}
.tablas-header .divider {
  grid-row-start: 3;
  grid-row-end: 3;
}
.tablas-header .white-box {
  height: 10rem;
  background-color: #FFFFFF;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 4;
}
#termekek {
  padding-top: 1rem;
}
.termekek {
  padding: 5rem 0 0 0;
}
.termekek .termekek-div {
  grid-row-start: 1;
  grid-column-start: 2;
}
.termekek .termekek-div .termekek-title {
  text-align: center;
}
.termekek .termekek-div .termekek-title h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.8rem;
  color: #434343;
}
.termekek .termekek-div .termekek-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 3rem 0;
  grid-column-gap: 1rem;
  border-bottom: 2.5px solid rgba(0, 0, 0, 0.1);
}
.termekek .termekek-div .termekek-grid .termek {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}
.termekek .termekek-div .termekek-grid .termek .termek-img img {
  width: 100%;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-desc > p {
  margin-top: 0.5rem;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-desc .termek-desc-top {
  border-bottom: 2px solid black;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-desc .termek-desc-top .moon {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.1rem;
  text-align: center;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-desc .termek-desc-top p:nth-child(2) {
  text-align: center;
  margin-bottom: 0.2rem;
}
.termekek .termekek-div .termekek-grid .termek .termek-stats .termek-icons {
  display: flex;
  justify-content: space-evenly;
}
#gluten-free .glutenfree-termek-icons .termek-top-icons {
  display: flex;
  justify-content: space-evenly;
}
#gluten-free .glutenfree-termek-icons .termek-bot-icon {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
#zero-added-sugar .zerosugar-termek-icons .termek-top-icons {
  display: flex;
  justify-content: space-evenly;
}
#zero-added-sugar .zerosugar-termek-icons .termek-bot-icon {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
#zero-added-sugar-gluten-free .zerosugar-glutenfree-termek-icons .termek-top-icons {
  display: flex;
  justify-content: space-evenly;
}
#zero-added-sugar-gluten-free .zerosugar-glutenfree-termek-icons .termek-bot-icons {
  display: flex;
  justify-content: space-evenly;
  padding-top: 0.5rem;
}
#zero-added-sugar-plus-protein {
  margin-bottom: 3rem;
}
#zero-added-sugar-plus-protein .termekek-div .termekek-grid {
  border-bottom: none;
}
#zero-added-sugar-plus-protein .zerosugar-protein-termek-icons .termek-top-icons {
  display: flex;
  justify-content: space-evenly;
}
#zero-added-sugar-plus-protein .zerosugar-protein-termek-icons .termek-bot-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
}
#zero-added-sugar-plus-protein .zerosugar-protein-termek-icons .termek-bot-icon :nth-child(2) {
  padding-top: 0.6rem;
}
@media only screen and (max-width: 1754px) {
  .termekek .termekek-div .termekek-grid {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2rem;
  }
}
@media only screen and (max-width: 1586px) {
  .tablas-header .tablas-header-grid {
    padding-bottom: 5rem;
  }
  .tablas-header .tablas-header-grid .tablas-header-right {
    align-self: center;
  }
  .tablas-header .tablas-header-grid .tablas-header-right .tablas-header-logo img {
    width: 50%;
    max-width: 260px;
  }
}
@media only screen and (max-width: 1200px) {
  #tablas-header .header-container {
    grid-column-start: 1;
  }
  .tablas-header .tablas-header-grid {
    grid-template-columns: 1fr;
    grid-template-rows: min-content auto;
    justify-items: center;
    padding-bottom: 3rem;
  }
  .tablas-header .tablas-header-grid .absolute-choco {
    width: 100%;
    max-width: 500px;
  }
  .tablas-header .tablas-header-grid .tablas-header-right {
    text-align: center;
    align-self: center;
  }
  .tablas-header .tablas-header-grid .tablas-header-right .tablas-header-logo img {
    width: 80%;
    margin-top: 2rem;
    margin-left: 0;
  }
  .tablas-header .tablas-header-grid .tablas-header-left {
    grid-row-start: 2;
  }
  .tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak {
    text-align: center;
  }
  .tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak img {
    margin-top: 1rem;
    justify-self: center;
  }
}
@media only screen and (max-width: 868px) {
  .termekek .termekek-div .termekek-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
}
@media only screen and (max-width: 568px) {
  .tablas-header .tablas-header-grid {
    grid-template-columns: 1fr;
    grid-template-rows: min-content auto;
    padding-bottom: 1.5rem;
  }
  .tablas-header .tablas-header-grid .absolute-choco {
    width: 100%;
    max-width: 390px;
  }
  .tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak {
    display: grid;
  }
  .tablas-header .tablas-header-grid .tablas-header-left .tablas-header-tablak img {
    margin-top: 1rem;
    justify-self: center;
  }
  .tablas-header .tablas-header-grid .tablas-header-right {
    align-self: center;
  }
  .tablas-header .tablas-header-grid .tablas-header-right .tablas-header-logo img {
    width: 60%;
    margin-top: 1rem;
    margin-left: 0;
  }
  .termekek .termekek-div .termekek-title h2 {
    font-size: 2rem;
  }
  .termekek .termekek-div .termekek-grid .termek {
    padding-right: 2rem;
  }
  .termekek .termekek-div .termekek-grid .termek .termek-img {
    display: grid;
  }
  .termekek .termekek-div .termekek-grid .termek .termek-img img {
    align-self: center;
  }
  .termekek .termekek-div .mobile-width img {
    width: 100%;
    padding: 0 2rem;
  }
}
/* GENERAL RULES */
html {
  scroll-behavior: smooth;
  min-width: 320px;
}
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 1rem;
}
button:focus {
  outline: 0 !important;
}
#masthead .nav-div {
  background-color: #FCC125;
  position: fixed;
  width: 100%;
  z-index: 999;
}
#masthead .nav-div .navbar {
  margin: 0 15rem;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu {
  align-items: center;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu .menu-item {
  padding: 0 1rem;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu .menu-item a:hover {
  text-shadow: 0 0 0.65px #333, 0 0 0.65px #333;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu .lang-changer {
  display: flex;
  align-items: center;
  border-left: 1.5px solid black;
  border-right: 1.5px solid black;
  padding: 0 1.5rem;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu .menu-media-icons {
  display: flex;
  padding-left: 1rem;
  list-style: none;
}
#masthead .nav-div .navbar #main-nav #menu-fomenu .menu-media-icons .menu-item {
  padding: 0 0rem;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
i {
  font-size: 1.1rem;
}
.media-icons i:hover {
  color: #FFFFFF;
}
video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.kezmuves-header {
  background: url("./img/HERO_premium_choco_teglalap.svg") no-repeat !important;
  background-size: cover !important;
}
.grid1 {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: clamp(1px, 10vw, 100%) 1fr clamp(1px, 10vw, 100%);
  grid-template-rows: 1fr;
}
.grid2 {
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: clamp(1px, 10vw, 100%) 1fr clamp(1px, 10vw, 100%);
  grid-template-rows: 1fr;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
.arrow-icon,
.contact-icon {
  width: 3rem;
  margin-bottom: 1rem;
}
.negative-margin {
  margin-left: -3.6rem;
}
.negative-margin-right {
  margin-right: -3.6rem;
}
.divider {
  grid-column: 1 / 4;
  max-height: 75px;
  width: 115%;
  margin-left: -5%;
}
.divider-1 {
  width: 100%;
  grid-column: 1 / 4;
  max-height: 75px;
}
.grid-overlap {
  grid-row-start: 1;
  grid-column-start: 1;
}
.grid-overlap-mirror,
.grid-overlap-mirror-contact {
  grid-row-start: 1;
  grid-column-start: 2;
}
/* PREMIUM-NAV */
#masthead #premium-menu {
  background-color: #000000;
}
#masthead #premium-menu a {
  color: #FFFFFF;
}
#masthead #premium-menu .backslash {
  color: #FFFFFF;
}
#masthead #premium-menu .navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* HEADER */
.header {
  align-items: center;
  padding-top: 10rem;
  background: rgba(46, 28, 20, 0.5);
  min-height: 530px;
}
.header .header-container {
  grid-row-start: 1;
  grid-column-start: 2;
}
.header .header-container .header-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.header .header-container .header-title h1 {
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 3.5rem;
  color: #FFFFFF;
}
.header .header-container .header-title h4 {
  letter-spacing: 3px;
  font-size: 1.9rem;
  color: #FFFFFF;
}
.header .header-container .header-logo {
  width: 11.5rem;
  padding-bottom: 2rem;
}
/* CHOCOLATES SECTION */
.chocolates-section {
  padding: 8rem 0;
  background-color: #FFFFFF;
}
.chocolates-section .top-items {
  grid-row-start: 1;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.chocolates-section .top-items .top-item-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}
.chocolates-section .top-items .top-item-container img {
  transform: scale(0.9);
  transition: 0.2s;
}
.chocolates-section .top-items .top-item-container .top-item-text {
  text-align: center;
}
.chocolates-section .top-items .top-item-container .top-item-text .top-item-name {
  text-transform: uppercase;
  font-size: 1.5rem;
  margin: 0;
  font-weight: 600;
}
.chocolates-section .top-items .top-item-container .top-item-text .top-item-subname {
  font-size: 1rem;
  margin: 0;
}
.chocolates-section .top-items .top-item-container .top-item-text .top-item-percentage {
  font-size: 1.3rem;
}
.chocolates-section .top-items .top-item-container .top-item-img,
.chocolates-section .top-items .top-item-container .top-item-img-bg {
  width: 16rem;
}
.chocolates-section .top-items .top-item-container-even {
  margin-top: 3rem;
}
.chocolates-section .top-items .top-item-container:hover .top-item-img,
.chocolates-section .top-items .top-item-container:focus .top-item-img {
  transform: scale(0.95);
}
/* PURPLE SECTION */
.pastilla-general,
.pastilla-hatter-general {
  width: 90%;
}
.purple-section {
  background-color: #703188;
  grid-template-rows: 1fr auto 1fr;
}
.purple-section .pastilla-section {
  grid-row-start: 2;
  grid-column-start: 2;
  margin: 5rem 0;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-template-rows: 1fr;
  align-items: center;
  padding: 2rem 0;
}
.purple-section .pastilla-section .purple-section-text {
  color: #FFF;
  text-align: right;
}
.purple-section .pastilla-section .purple-section-text .purple-title {
  text-transform: uppercase;
  font-size: 2.5rem;
  display: inline;
}
.purple-section .pastilla-section .purple-section-text .premium-icon {
  width: 3rem;
  margin-bottom: 2rem;
}
.purple-section .pastilla-section .purple-section-text .purple-desc {
  font-size: 1.3rem;
}
.kezmuves-shop-section {
  background-color: #000000;
}
/* MID SECTION */
.mid-section {
  background-color: #FFFFFF;
}
.mid-section .mid-items {
  justify-items: center;
  margin-top: 4rem;
  padding: 0 2rem;
  grid-row-start: 1;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.mid-section .mid-items p {
  margin-top: 1rem;
  font-size: 1.25rem;
  text-align: center;
}
.mid-section .mid-items .mid-item-circle {
  border-radius: 50%;
  margin: auto;
  max-width: 7rem;
  min-width: 7rem;
}
.mid-section .mid-items .green-circle {
  background-color: #0F8B44;
}
.mid-section .mid-items .purple-circle {
  background-color: #703188;
}
.mid-section .mid-items .yellow-circle {
  background-color: #F5BF4E;
}
.premium-shop-title {
  padding-bottom: 2rem;
}
/* TABLE SECTION */
.table-items {
  padding-top: 5rem;
  background-color: #FFFFFF;
}
.table-img {
  width: 90%;
  margin: auto;
}
.arrow-icon,
.contact-icon {
  width: 3rem;
  margin-bottom: 1rem;
}
.negative-margin {
  margin-left: -3.6rem;
}
.negative-margin-right {
  margin-right: -3.6rem;
}
.table-info-container {
  margin-right: 1rem;
  margin-left: 2rem;
}
.table-info-container h2 {
  font-size: 2.2rem;
  font-weight: 600;
  display: inline-block;
}
.table-info-title {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr;
}
.table-info-table {
  padding-bottom: 0.5rem;
}
.table-info-percentage-div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.table-info-percentage-img {
  width: 70%;
}
.table-info-small-title {
  font-weight: 500;
}
.table-info-desc p {
  margin-bottom: 1.2rem;
}
.table-text {
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
}
.inner-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.top-bold-border {
  border-top: 2px solid black;
  padding-top: 0.5rem;
}
.top-border {
  border-top: 1px solid black;
  padding-top: 1rem;
}
.table-icon-img {
  width: 3rem;
  height: 3rem;
}
.table-icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.sizes p {
  font-size: 1.3rem;
  text-align: center;
}
.sizes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border-top: 2px solid black;
  padding-top: 2rem;
}
.grid-section {
  grid-row-start: 1;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.underline-icon {
  width: 12rem;
  padding-bottom: 1rem;
}
.div {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr 1fr;
}
.div {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr auto 1fr;
}
.zafir-underline-icon {
  width: 7rem;
  padding-bottom: 1rem;
}
.smaragd-top {
  display: flex;
  flex-direction: column;
}
#orange-diamond {
  padding-bottom: 10rem;
}
.left-column {
  padding-left: 1rem;
}
.nowrap {
  white-space: nowrap;
}
/* CONTACT SECTION */
.contact-section {
  background-color: #F5D19C;
}
.contact-section .contact-grid {
  margin: 3rem 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr;
  grid-row-start: 2;
  grid-column-start: 2;
  align-items: center;
}
.contact-section .contact-grid .contact-text {
  margin-bottom: 2rem;
}
.contact-section .contact-grid .contact-text .contact-title-div .contact-title {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 600;
  display: inline;
}
.contact-section .contact-grid .contact-text .contact-item {
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.contact-section .contact-grid .contact-text .contact-item .contact-item-icon {
  font-size: 1.3rem;
}
.contact-section .contact-grid .contact-text .contact-item .contact-pair {
  margin-left: 1rem;
}
.contact-section .contact-grid .contact-text .contact-item .contact-pair .contact-pair-title {
  display: inline;
  font-size: 0.8rem;
}
.contact-section .contact-grid .contact-text .contact-item .contact-pair .contact-pair-thing {
  margin-bottom: 0;
}
.contact-section .contact-grid .contact-text .contact-item:nth-child(3) {
  padding-bottom: 2rem;
}
.contact-section .contact-grid .contact-img {
  width: 70%;
  margin: 5rem auto;
}
.premium-contact-section .contact-grid {
  grid-template-columns: 1fr 0.5fr 1fr;
}
.premium-contact-section .contact-grid .contact-text {
  grid-column-start: 3;
}
.premium-contact-section .contact-grid .contact-desc {
  align-self: baseline;
}
.premium-contact-section .contact-grid .contact-desc .contact-title-div h3 {
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}
/* FOOTER SECTION */
footer {
  background-color: #000000;
}
footer .footer-div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  padding: 3rem 0;
  grid-row-start: 1;
  grid-column-start: 2;
}
footer .footer-div .footer-right {
  text-align: right;
  grid-row-start: 1;
  grid-column-start: 3;
  align-self: end;
}
footer .footer-div .footer-left-text .footer-title {
  text-transform: uppercase;
  font-weight: 700;
}
footer .footer-div .footer-left-text p {
  margin-bottom: 0;
  color: #FFFFFF;
}
footer .footer-div .footer-logo {
  width: 50%;
  max-width: 180px;
  padding-bottom: 2rem;
}
footer .footer-div .adatvedelmi {
  color: #FFFFFF;
  margin: 0;
}
footer .footer-bottom-div {
  grid-column-start: 2;
  text-align: center;
}
footer .footer-bottom-div p {
  color: #FFFFFF;
  font-weight: 400;
}
@media only screen and (min-width: 1760px) {
  .grid1 {
    display: grid;
    grid-template-columns: calc((100vw - 1400px) / 2) 1fr calc((100vw - 1400px) / 2);
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 1586px) {
  .chocolates-section .top-items .top-item-container .top-item-img,
  .chocolates-section .top-items .top-item-container .top-item-img-bg {
    margin: auto;
    width: 12rem;
  }
  .chocolates-section .top-items .top-item-container-even {
    margin-top: 7rem;
  }
}
@media only screen and (max-width: 1200px) {
  .menu-media-icons .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .top-item-img,
  .top-item-img-bg {
    margin: auto;
    width: 16rem;
  }
  .chocolates-section > .top-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .top-items > a {
    grid-row: span 2;
  }
  .top-items > a:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .top-items > a:nth-child(2) {
    grid-area: 2/2/4/3;
  }
  .top-items > a:nth-child(3) {
    grid-area: 3/1/5/2;
  }
  .top-items > a:nth-child(4) {
    grid-area: 4/2/6/3;
  }
  .top-items > a:nth-child(5) {
    grid-area: 5/1/7/2;
  }
  .top-item-container-even {
    margin-top: 0 !important;
  }
  .mid-section .mid-items {
    padding: 0;
  }
  .purple-section > .pastilla-section {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .pastilla-general,
  .pastilla-hatter-general {
    margin: auto;
    grid-row-start: 2;
    grid-column-start: 1;
  }
  .pastilla-hatter-general {
    padding: 3rem 0;
  }
  .purple-section-text .nowrap {
    text-align: center;
    margin: 5rem 0 4rem 0;
    white-space: normal;
  }
  .premium-icon {
    display: none;
  }
  .purple-desc {
    text-align: left;
  }
  .contact-section .contact-grid .contact-img {
    width: 90%;
  }
  .grid-section {
    grid-template-columns: 1fr;
  }
  .grid-overlap-mirror {
    grid-row-start: 1;
    grid-column-start: 1;
  }
  .table-img {
    width: 70%;
  }
  .arrow-icon,
  .underline-icon,
  .zafir-underline-icon {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .grid1 {
    display: grid;
    grid-template-columns: clamp(1rem, 5vw, 100%) 1fr clamp(1px, 5vw, 100%);
    grid-template-rows: 1fr;
  }
  .table-img {
    padding-bottom: 2rem;
  }
  .nowrap {
    white-space: normal;
  }
  .table-items {
    padding-top: 3rem;
  }
  .contact-section > .contact-grid {
    grid-template-columns: 1fr;
  }
  .grid-overlap-mirror-contact {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  .contact-text {
    margin: 2rem auto;
  }
  footer .footer-div {
    grid-template-columns: 1fr auto;
  }
  footer .footer-div .footer-logo {
    width: 70%;
  }
  footer .footer-div .footer-right {
    grid-column: 2/3;
  }
}
@media only screen and (max-width: 568px) {
  .chocolates-section .top-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .chocolates-section .top-item-container-even {
    margin-top: 0;
  }
  .chocolates-section .top-item-img,
  .chocolates-section .top-item-img-bg {
    margin: auto;
    width: 100% !important;
  }
  .chocolates-section .top-item-name {
    font-size: 1rem !important;
  }
  .chocolates-section .top-item-subname {
    font-size: 0.75rem !important;
  }
  .chocolates-section .top-item-percentage {
    font-size: 0.85rem !important;
  }
  .chocolates-section .chocolates-section {
    padding: 3rem 0;
  }
  .chocolates-section .header {
    padding-top: 4rem;
  }
  .chocolates-section .mobil-divider {
    width: 100%;
    grid-column: 1 / 4;
    max-height: 55px;
    display: block;
  }
  .chocolates-section .desktop-divider {
    display: none;
  }
  .mid-section .mid-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .mid-section .mid-items p {
    font-size: 1rem;
  }
  .purple-section .pastilla-section {
    margin-top: 0rem;
  }
  .purple-section .pastilla-section .purple-section-text .purple-desc {
    font-size: 1rem;
  }
  .sizes p {
    font-size: 0.8rem;
  }
  .table-info-container h2 {
    font-size: 1.7rem;
  }
  .table-info-title p,
  .table-info-desc p {
    font-size: 0.9rem;
  }
  .negative-margin {
    margin-left: 0;
  }
  .contact-icon {
    width: 2rem;
  }
  .contact-title {
    font-size: 2rem;
  }
  .contact-img {
    margin: 2rem auto;
  }
  footer .footer-div .footer-logo {
    width: 90%;
  }
  footer .footer-div p {
    font-size: 14px;
  }
  .adatvedelmi {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 420px) {
  .header .header-container .header-title h1 {
    font-size: 2rem;
  }
  .header .header-container .header-title h4 {
    font-size: 1rem;
  }
  .table-info-percentage-img {
    width: 80%;
    margin-left: 1rem;
  }
}
/*--- COOKIE ---*/
.hidden {
  display: none !important;
}
.cookie {
  display: block ;
  position: fixed;
  bottom: 0;
  z-index: 1020;
  background: #F9BF32;
  right: 0;
  margin: 2rem;
  max-width: 20rem;
  padding: 2rem;
  border-radius: 1rem;
  /*border-bottom-right-radius: 10rem;
*/
}
.cookie .cookie-title {
  color: #FFF;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.cookie button {
  outline: 0;
  border-radius: 2rem;
  height: 2.5rem;
  font-size: 1rem;
  background: white;
  color: black;
  padding: 0 2rem;
  border: 0;
  transition: 0.3s;
  text-transform: uppercase;
  justify-self: end;
}
.cookie button:hover {
  opacity: 0.9;
}
.cookie .cookie-content,
.cookie .cookie-link a {
  font-size: 1rem;
  color: white !important;
}
.cookie .cookie-link a {
  text-decoration: underline;
}
@media only screen and (max-width: 420px) {
  .cookie {
    margin: 1rem;
    width: calc(100% - 2rem);
    max-width: 100%;
  }
  .mid-section .mid-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .mid-section .mid-items p {
    font-size: 0.8rem;
  }
}
/******** INDEX *******/
.main-header img {
  width: 30%;
  max-width: 340px;
}
.carousel-inner {
  padding-top: 1rem;
  height: 430px;
}
.highlighted-carousel-section {
  grid-column-start: 2;
  text-align: center;
}
.highlighted-carousel-section .highlighted-section-title {
  padding-top: 4rem;
}
.highlighted-carousel-section .highlighted-section-title h2 {
  display: inline;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.2rem;
}
.highlighted-carousel-section #chocolateCarouselDesktop {
  padding: 2rem 0 5rem 0 ;
}
.highlighted-carousel-section #chocolateCarouselDesktop .carousel-control-prev {
  transform: translateX(-6rem);
}
.highlighted-carousel-section #chocolateCarouselDesktop .carousel-control-next {
  transform: translateX(6rem);
}
.highlighted-carousel-section #chocolateCarouselDesktop .carousel-chocolate .carousel-bold {
  color: #FFF;
  font-size: 18px;
  text-align: center;
  padding-top: 1rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 700;
}
.highlighted-carousel-section #chocolateCarouselDesktop .carousel-chocolate .carousel-normal {
  color: #FFF;
  font-size: 14px;
  text-align: center;
}
.highlighted-carousel-section #chocolateCarouselDesktop .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.highlighted-carousel-section #chocolateCarouselDesktop::after,
.highlighted-carousel-section #chocolateCarouselMobile::after {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(90deg, #703188 0%, rgba(112, 49, 136, 0) 10%, rgba(112, 49, 136, 0) 90%, #703188 100%);
  min-height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.highlighted-carousel-section #chocolateCarouselMobile {
  padding: 2rem 0 5rem 0;
  margin-bottom: 2rem;
  height: 530px;
}
.highlighted-carousel-section #chocolateCarouselMobile .carousel-chocolate .carousel-bold {
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding-top: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
.highlighted-carousel-section #chocolateCarouselMobile .carousel-chocolate .carousel-normal {
  color: #FFF;
  font-size: 14px;
  text-align: center;
}
.highlighted-carousel-section #chocolateCarouselMobile .carousel-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.highlighted-carousel-section #chocolateCarouselMobile .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 8px;
}
.tablas-carousel img {
  width: 16.7rem;
  transform: rotate(340deg);
  padding: 1rem 0;
  transition: 0.3s;
}
.tablas-carousel-bigger img {
  width: 14.8rem;
  transform: rotate(340deg);
  padding: 1rem 0;
  transition: 0.3s;
}
.premium-carousel img {
  width: 11.9rem;
  padding: 1rem 0;
}
.pasztillak-carousel img {
  width: 20.5rem;
  padding: 1rem 0;
}
#chocolateCarouselMobile {
  display: none;
}
.main-top-section {
  padding: 5rem 0;
  background-color: #FFFFFF;
}
.main-top-section .main-cards {
  padding-top: 2rem;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.main-top-section .img-collapse {
  display: grid;
  justify-items: center;
  align-items: center;
}
.main-top-section .termekcsaladok .termekcsaladok-img-div .termekcsaladok-img-bg {
  grid-row-start: 1;
  grid-column-start: 1;
  width: 18.8rem;
}
.main-top-section .termekcsaladok .termekcsaladok-img-div .termekcsaladok-link {
  grid-row-start: 1;
  grid-column-start: 1;
}
.main-top-section .termekcsaladok .termekcsaladok-img-div .termekcsaladok-img {
  width: 18rem;
  transition: 0.3s;
}
.main-top-section .tablas-csokik .tablas-csokik-img-div .tablas-csokik-img-bg {
  grid-row-start: 1;
  grid-column-start: 1;
  width: 18rem;
}
.main-top-section .tablas-csokik .tablas-csokik-img-div .tablas-csokik-link {
  grid-row-start: 1;
  grid-column-start: 1;
}
.main-top-section .tablas-csokik .tablas-csokik-img-div .tablas-csokik-img {
  width: 17.8rem;
  transition: 0.3s;
}
.main-top-section .tablas-csokik .tablas-csokik-text {
  grid-column-start: 2;
  text-align: center;
}
.main-top-section .tablas-csokik .tablas-csokik-text .tablas-csokik-label {
  font-size: 18px;
  margin: 1rem 0 0 0;
  font-weight: 600;
}
.main-top-section .tablas-csokik .tablas-csokik-text .tablas-csokik-name {
  font-size: 14px;
}
.main-top-section .termekcsaladok-text {
  grid-column-start: 2;
  text-align: center;
}
.main-top-section .termekcsaladok-text .termekcsaladok-label {
  font-size: 18px;
  text-transform: uppercase;
  margin: 1rem 0 0 0;
  font-weight: 600;
}
.main-top-section .termekcsaladok-text .termekcsaladok-name {
  font-size: 14px;
}
.main-top-section .uzleti-ugyfelek-top-section {
  padding-top: 6rem;
}
.main-top-section .pasztillak {
  margin-top: 2rem;
}
.main-top-section .pasztillak .pasztillak-link {
  grid-row-start: 1;
  grid-column-start: 1;
}
.main-top-section .pasztillak .uzleti-ugyfelek-img {
  padding: 0.5rem 1rem 1.5rem 1rem;
  width: 17.5rem;
  transition: 0.3s;
}
.main-top-section .pasztillak .uzleti-ugyfelek-img-bg {
  grid-row-start: 1;
  grid-column-start: 1;
  width: 18rem;
}
.main-top-section .uzleti-ugyfelek-text {
  grid-column-start: 2;
  text-align: center;
}
.main-top-section .uzleti-ugyfelek-text .pasztillak-label {
  font-size: 18px;
  text-transform: uppercase;
  margin: 1rem 0 0 0;
  font-weight: 600;
}
.main-top-section .uzleti-ugyfelek-text .pasztillak-name {
  font-size: 14px;
}
.carousel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
#kik-vagyunk .main-grid {
  grid-column-start: 2;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  align-items: center;
}
#kik-vagyunk .main-grid .main-grid-img-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  justify-items: end;
  align-items: center;
}
#kik-vagyunk .main-grid .section-title {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
#kik-vagyunk .main-grid .section-title h2 {
  text-transform: uppercase;
  font-size: 2.5rem;
  margin-bottom: 0;
  font-weight: 600;
}
#kik-vagyunk .main-grid p {
  font-size: 1rem;
  line-height: 1.6rem;
}
#kik-vagyunk .main-grid-img {
  grid-row-start: 1;
  grid-column-start: 2;
}
#kik-vagyunk .main-grid-img-bg {
  margin-right: -4rem;
  width: 40rem;
}
#kik-vagyunk .main-grid-img-front {
  width: 40rem;
}
#csokit-gyartunk {
  padding-top: 1rem;
}
#csokit-gyartunk .second-main-grid {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  justify-items: start;
  align-items: center;
}
#csokit-gyartunk .second-main-grid .second-main-grid-img-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  justify-items: start;
  align-items: center;
}
#csokit-gyartunk .second-main-grid h2 {
  text-transform: uppercase;
  font-size: 2.5rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
  font-weight: 600;
}
#csokit-gyartunk .second-main-grid p {
  font-size: 1rem;
  line-height: 1.6rem;
}
#csokit-gyartunk .second-main-grid .second-main-text {
  padding-left: 6rem;
}
#csokit-gyartunk .second-main-grid-img {
  grid-row-start: 1;
  grid-column-start: 1;
}
#csokit-gyartunk .second-main-grid-img-bg {
  margin-left: -4rem;
  width: 40rem;
}
#csokit-gyartunk .second-main-grid-img-front {
  width: 40rem;
  justify-self: right;
}
.palyazatok-section {
  background-color: #FFFFFF;
  padding: 2rem 0;
}
.palyazatok-section .palyazat {
  grid-column-start: 2;
}
.palyazatok-section .palyazat-inner-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
  padding: 4rem 0;
}
.palyazatok-section .palyazat-inner-div .palyazat-1 {
  width: 100%;
}
.palyazatok-section .palyazat-inner-div h2 {
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 0;
  font-weight: 600;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1200px) {
  .palyazatok-section .palyazat-inner-div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: center;
    padding: 4rem 0;
  }
  .palyazatok-section .palyazat-inner-div .palyazat-1 {
    width: 100%;
  }
  .palyazatok-section .palyazat-inner-div h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1921px) {
  .divider,
  .divider-1 {
    max-height: 180px;
  }
}
@media only screen and (max-width: 1200px) {
  #chocolateCarouselDesktop {
    display: none;
  }
  #chocolateCarouselMobile {
    display: block;
  }
  .main-top-section .main-cards {
    grid-template-columns: 1fr;
  }
  #kik-vagyunk .main-grid-img-bg {
    width: 30rem;
  }
  #kik-vagyunk .main-grid-img-front {
    width: 30rem;
  }
  #kik-vagyunk .main-text {
    padding-right: 1.5rem;
  }
  #csokit-gyartunk .second-main-grid {
    grid-column-start: 2;
    grid-column-end: 2;
    justify-items: center;
    grid-gap: 2rem;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-div {
    margin-left: -5rem;
  }
  #csokit-gyartunk .second-main-grid h2 {
    text-align: left;
  }
  #csokit-gyartunk .second-main-grid p {
    text-align: left;
  }
  #csokit-gyartunk .second-main-grid .second-main-text {
    padding-left: 0;
  }
  #csokit-gyartunk .second-main-grid-img-bg {
    width: 35rem;
  }
  #csokit-gyartunk .second-main-grid-img-front {
    width: 35rem;
    justify-self: center;
  }
  #mintabolt .main-grid {
    grid-column-start: 2;
    grid-column-end: 2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
  }
  #mintabolt .main-grid-img {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  #mintabolt .main-grid-img-bg {
    margin-right: 0;
    height: 25rem;
  }
  #mintabolt .main-grid-img-front {
    height: 15rem;
  }
}
@media only screen and (max-width: 876px) {
  #kik-vagyunk {
    padding-bottom: 5rem;
  }
  #kik-vagyunk .main-grid {
    grid-column-end: 3;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: center;
  }
  #kik-vagyunk .main-grid .main-text {
    padding: 0;
  }
  #kik-vagyunk .main-grid .main-grid-img-div {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    transform: translatex(10%);
    margin-top: 2rem;
  }
  #csokit-gyartunk {
    padding-top: 1rem;
    padding-bottom: 5rem;
  }
  #csokit-gyartunk .second-main-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: start;
    align-items: center;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-div {
    grid-row-start: 2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: start;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  #masthead .nav-div .navbar #main-nav #menu-fomenu .menu-media-icons {
    padding-left: 0;
  }
  #masthead .nav-div .navbar #main-nav #menu-fomenu .lang-changer {
    flex-direction: column;
    border-left: none;
    border-right: none;
  }
  #masthead .nav-div .navbar #main-nav #menu-fomenu .lang-changer :first-child {
    border-bottom: 1.5px solid #000000;
  }
  #masthead .nav-div .navbar #main-nav #menu-fomenu .lang-changer .backslash {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #csokit-gyartunk .second-main-grid .second-main-grid-img-div {
    margin-left: -2rem;
  }
  .mid-section .mid-items .mid-item-circle {
    max-width: 5rem;
    min-width: 5rem;
  }
  .main-top-section .termekcsaladok .termekcsaladok-img-bg {
    width: 20rem;
  }
  .main-top-section .termekcsaladok .termekcsaladok-img {
    width: 25rem;
  }
  .main-top-section .uzleti-ugyfelek .uzleti-ugyfelek-img {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 20rem;
  }
  .main-top-section .uzleti-ugyfelek .uzleti-ugyfelek-img-bg {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 25rem;
  }
  .premium-contact-section .contact-grid .contact-text {
    grid-column-start: 1;
  }
}
@media only screen and (max-width: 520px) {
  #kik-vagyunk .main-grid-img-bg {
    width: 20rem;
  }
  #kik-vagyunk .main-grid-img-front {
    width: 20rem;
  }
}
@media only screen and (max-width: 420px) {
  #mintabolt .main-grid-img-bg {
    margin-right: 0;
    height: 15rem;
  }
  #mintabolt .main-grid-img-front {
    height: 7rem;
  }
  .newsletter .newsletter-input #email {
    width: 20rem;
  }
  .newsletter .newsletter-input .newsletter-box label {
    font-size: 0.8rem;
  }
  .main-top-section .top-section h2 {
    font-size: 1.9rem;
  }
  .main-top-section .top-section .underline {
    width: 18rem;
  }
  .main-top-section .termekcsaladok .termekcsaladok-img-div .termekcsaladok-img-bg {
    width: 16rem;
  }
  .main-top-section .termekcsaladok .termekcsaladok-img-div .termekcsaladok-img {
    width: 16rem;
    margin-right: 0;
  }
  .main-top-section .tablas-csokik .tablas-csokik-img-div .tablas-csokik-img-bg {
    width: 16rem;
  }
  .main-top-section .tablas-csokik .tablas-csokik-img-div .tablas-csokik-img {
    width: 16rem;
    margin-right: 0;
  }
  .main-top-section .pasztillak .uzleti-ugyfelek-img {
    width: 16rem;
  }
  .main-top-section .pasztillak .uzleti-ugyfelek-img-bg {
    width: 16rem;
  }
}
@media only screen and (max-width: 1712px) {
  #masthead .nav-div .navbar {
    margin: 0 8rem;
  }
}
@media only screen and (max-width: 1487px) {
  #masthead .nav-div .navbar {
    margin: 0 3rem;
  }
  #masthead .nav-div .navbar #main-nav #menu-fomenu .menu-item {
    padding: 0 0.5rem;
  }
}
@media only screen and (max-width: 568px) {
  #masthead .nav-div .navbar {
    margin: 0 1rem;
  }
  .main-header img {
    width: 65%;
  }
  .header .header-container .header-title {
    margin-bottom: 6rem;
  }
  #kik-vagyunk .main-grid .section-title {
    margin-left: 0;
    justify-content: center;
  }
  #kik-vagyunk .main-grid .section-title h2 {
    font-size: 2rem;
    text-align: center;
  }
  #csokit-gyartunk .second-main-grid .second-main-text {
    padding-right: 2rem;
    margin-left: 0;
    justify-content: center;
  }
  #csokit-gyartunk .second-main-grid .second-main-text h2 {
    font-size: 2rem;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-bg {
    width: 25rem;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-front {
    width: 25rem;
  }
  #mintabolt .main-grid .section-title {
    margin-left: 0;
    justify-content: center;
  }
  #mintabolt .main-grid .section-title h2 {
    font-size: 2rem;
  }
  #csokit-gyartunk {
    padding-top: 0;
    padding-bottom: 2rem;
  }
  #mintabolt {
    padding-top: 5rem;
  }
}
.hamarosan {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: url("./img/tablas_landing/hero_tablas_csokik.png");
  background-size: cover;
}
.hamarosan .soon {
  text-align: center;
}
.hamarosan .soon img {
  width: 60%;
  margin-bottom: 4rem;
}
.hamarosan .soon p {
  font-size: 4rem;
  text-transform: uppercase;
  color: #000000;
  background: #FCC125;
  width: 60%;
  margin: auto;
}
.lb-img {
  transition: 0.3s;
}
.carousel-pasztillak,
.carousel-premium {
  transition: 0.3s;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  min-width: 20px;
}
.lb-img:hover,
.termekcsaladok-img:hover,
.tablas-csokik-img:hover,
.uzleti-ugyfelek-img:hover,
.carousel-pasztillak:hover,
.carousel-premium:hover {
  cursor: pointer;
  transform: scale(110%);
  transition: 0.3s;
}
.carousel-tablas:hover {
  cursor: pointer;
  transform: scale(110%) rotate(340deg);
  transition: 0.3s;
}
#lightbox {
  position: fixed;
  z-index: 1020;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 10vmin;
  box-sizing: border-box;
}
#lightbox.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
#lightbox img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.szechenyi {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1010;
}
@media only screen and (max-width: 710px) {
  .hamarosan .soon p {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 378px) {
  .hamarosan .soon p {
    font-size: 1rem;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-bg {
    width: 20rem;
  }
  #csokit-gyartunk .second-main-grid .second-main-grid-img-front {
    width: 20rem;
  }
}