.main-content {
  height: fit-content;
  min-height: 100vh;
  background-color: var(--color-text);
}
.main-content #greeting {
  margin: 15vh auto 15vh auto;
  text-align: center;
  font-size: var(--font-size-large);
  font-weight: 500;
  width: 60vw;
  min-width: 350px;
}
@media (max-width: 768px) {
  .main-content #greeting {
    width: 80vw;
    margin: 5vh auto 10vh auto;
  }
}
.main-content .info-section {
  position: relative;
  width: 100%;
  height: 80vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.main-content .info-section .info-section-text {
  position: relative;
  width: 50%;
  height: 100%;
  text-align: center;
  font-size: var(--font-size-large);
  font-weight: 500;
  background-color: var(--color-secondary);
}
.main-content .info-section .info-section-text p, .main-content .info-section .info-section-text h2, .main-content .info-section .info-section-text h3 {
  margin: 10vh 5vw 0vh 5vw;
}
.main-content .info-section .info-section-text table {
  margin: 10vh auto 0vh auto;
  text-align: center;
}
.main-content .info-section .info-section-text table td {
  height: 7vh;
  width: 20vw;
  font-size: var(--font-size-large);
  font-weight: 500;
}
@media (max-width: 768px) {
  .main-content .info-section .info-section-text p, .main-content .info-section .info-section-text h2, .main-content .info-section .info-section-text h3 {
    margin: 5vh 5vw 0vh 5vw;
  }
  .main-content .info-section .info-section-text table {
    margin: 0 0 0 0;
    width: 100%;
  }
  .main-content .info-section .info-section-text table td {
    width: 50%;
  }
}
.main-content .info-section .info-section-image {
  position: relative;
  width: 50%;
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.main-content .info-section .info-section-text-mobile {
  display: none;
}
.main-content .info-section .info-section-text-desktop {
  display: block;
}
.main-content .info-section #section-image-1 {
  background-image: url("../../images/split.jpeg");
}
.main-content .info-section #section-image-2 {
  background-image: url("../../images/color_palette.jpeg");
}
.main-content .info-section #section-image-3 {
  background-image: url("../../images/holzhobel.jpeg");
}
@media (max-width: 768px) {
  .main-content .info-section {
    flex-direction: column;
    height: auto;
  }
  .main-content .info-section .info-section-text {
    width: 100%;
    height: fit-content;
    padding: 3vh 0 5vh 0;
  }
  .main-content .info-section .info-section-text-mobile {
    display: block;
  }
  .main-content .info-section .info-section-text-desktop {
    display: none;
  }
  .main-content .info-section .info-section-image {
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-attachment: local;
  }
}

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