/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/routes/gallery/gallery-page.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gallery-page_wrapper__XD5XJ {
  display: grid;
  height: 100%;
  width: 100%;
  padding: 70px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-areas: "title title title title" "description description description description" "event event birthday birthday" "event event corporate other";
}

.gallery-page_title__muOGY {
  grid-area: title;
}
.gallery-page_title__muOGY h1 {
  font-family: var(--font-montserrat);
  font-weight: 600;
  text-transform: uppercase;
}
.gallery-page_title__muOGY h2 {
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 3.5rem;
}

.gallery-page_description__WdkdL {
  grid-area: description;
  font-family: var(--font-montserrat);
  font-weight: 400;
  font-size: 1.21rem;
  line-height: 2rem;
}

.gallery-page_event__Jx1HK {
  grid-area: event;
  border-bottom-left-radius: 30px;
}

.gallery-page_birthday__op1yT {
  grid-area: birthday;
}

.gallery-page_corporate__v3Apk {
  grid-area: corporate;
}

.gallery-page_other__HrAsS {
  grid-area: other;
  border-bottom-right-radius: 30px;
}

.gallery-page_imageWrapper__gqXdr {
  position: relative;
  overflow: hidden;
}

.gallery-page_imageText__Qvb6_ {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: white;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-backdrop-filter: brightness(0.6);
          backdrop-filter: brightness(0.6);
  border-radius: inherit;
}

.gallery-page_upper__G721S {
  font-family: var(--font-montserrat-alternates);
  font-weight: 600;
  max-width: min-content;
}

.gallery-page_middle__99LN6 {
  font-family: var(--font-montserrat);
  font-weight: 400;
  font-size: 0.8rem;
  white-space: pre-line;
  line-height: 1rem;
  margin-top: 30px;
}

.gallery-page_bottom__CQy4X {
  font-family: var(--font-montserrat);
  font-weight: 700;
  font-size: 1rem;
  flex: 1 1;
  align-content: end;
  text-transform: capitalize;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .gallery-page_wrapper__XD5XJ {
    padding: 80px 0px 80px 0px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 2fr 2fr 2fr 2fr;
    grid-template-areas: "title" "description" "event" "birthday" "corporate" "other";
  }
  .gallery-page_title__muOGY h1 {
    display: none;
  }
  .gallery-page_title__muOGY h2 {
    font-family: var(--font-montserrat-alternates);
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
  }
  .gallery-page_description__WdkdL {
    font-size: 0.8rem;
    line-height: normal;
  }
  .gallery-page_title__muOGY,
  .gallery-page_description__WdkdL {
    margin: 0px 20px;
  }
  .gallery-page_imageWrapper__gqXdr {
    height: 200px;
  }
}
@media (max-width: 768px) {
  .gallery-page_wrapper__XD5XJ {
    padding: 80px 0px 80px 0px;
    overflow: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 2fr 2fr 2fr 2fr;
    grid-template-areas: "title" "description" "event" "birthday" "corporate" "other";
  }
  .gallery-page_title__muOGY h1 {
    display: none;
  }
  .gallery-page_title__muOGY h2 {
    font-family: var(--font-montserrat-alternates);
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
  }
  .gallery-page_description__WdkdL {
    font-size: 0.8rem;
    line-height: normal;
  }
  .gallery-page_title__muOGY,
  .gallery-page_description__WdkdL {
    margin: 0px 20px;
  }
  .gallery-page_imageWrapper__gqXdr {
    height: 200px;
  }
}