@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vXDXbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
.landing {
  min-height: calc(100% - 2.25rem);
  overflow-x: hidden;
}
.landing .animate-left {
  min-width: 60%;
}
.about p {
  width: 51rem;
  line-height: 1.5;
}
@media (max-width: 840px) {
  .about {
    padding: 0 2rem;
  }
  .about p {
    font-size: 14px;
    width: 100%;
  }
}
.fixed-scroll {
  width: 51rem;
}
.fixed-scroll-header {
  flex: 0 0 17rem;
  display: flex;
}
.fixed-scroll-header-title {
  line-height: 1rem;
}
.fixed-scroll-body {
  flex: 0 0 34rem;
}
@media (max-width: 840px) {
  .fixed-scroll-container {
    padding: 0 2rem;
  }
  .fixed-scroll-container .fixed-scroll {
    width: 100%;
  }
  .fixed-scroll-container .fixed-scroll-header {
    flex: 0 1 25%;
  }
  .fixed-scroll-container .fixed-scroll-header-title {
    font-size: 3rem;
  }
  .fixed-scroll-container .fixed-scroll-body {
    flex: 0 1 75%;
  }
  .fixed-scroll-container .fixed-scroll-body-item {
    font-size: 13px;
    line-height: 1.5rem;
  }
}
@media (max-width: 480px) {
  .fixed-scroll-container .fixed-scroll-header-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 840px) {
  .landing {
    flex-direction: column;
    padding: 0 2rem;
    height: unset;
    min-height: unset;
  }
  .landing .position-absolute-imp {
    width: 100%;
    position: unset !important;
    margin-bottom: 3rem;
  }
  .landing .animate-left {
    margin-left: 0;
  }
  .landing .animate-right {
    width: 100%;
    font-size: 3rem;
  }
}
@media (max-width: 450px) {
  .landing .animate-right {
    font-size: 2.5rem;
  }
}
/*# sourceMappingURL=about.css.map */