@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Work+Sans:wght@400;500;600&display=swap");
body {
  font-family: "Work Sans", sans-serif;
  font-size: 3.1vh;
  line-height: 5vh;
  color: #2B282A; }
  @media (orientation: portrait) {
    body {
      font-size: 4.5vw;
      line-height: 7vw; } }
  @media (min-height: 900px) {
    body {
      font-size: 32px;
      line-height: 52px; } }

.title {
  font-size: 4.3vh;
  line-height: 6.5vh;
  font-weight: 600; }
  @media (orientation: portrait) {
    .title {
      line-height: 1.3em; } }
  @media (min-height: 900px) {
    .title {
      line-height: 60px;
      font-size: 48px;
      margin-bottom: 15px; } }

.orange-title {
  color: #F27A22;
  font-weight: bold;
  font-size: 4.3vh;
  line-height: 6.5vh; }
  @media (orientation: portrait) {
    .orange-title {
      font-size: 4.5vw;
      line-height: 14vw; } }
  @media (min-height: 900px) {
    .orange-title {
      line-height: 60px;
      font-size: 48px; } }

.grey-text {
  font-family: "Lato", sans-serif;
  font-size: 2.3vh;
  line-height: 4vh;
  color: #6D676A; }
  @media (orientation: portrait) {
    .grey-text {
      font-size: 3.8vw;
      line-height: 6vw; } }
  @media (min-height: 900px) {
    .grey-text {
      line-height: 40px;
      font-size: 24px; } }

#welcome .title {
  font-size: 5.2vh; }
  @media (orientation: portrait) {
    #welcome .title {
      font-size: 7vw; } }
  @media (min-height: 900px) {
    #welcome .title {
      line-height: 70px;
      font-size: 60px; } }
#welcome .sub-title {
  font-size: 3vh; }
  @media (orientation: portrait) {
    #welcome .sub-title {
      font-size: 3.8vw;
      line-height: 3vw; } }
  @media (min-height: 900px) {
    #welcome .sub-title {
      font-size: 34px; } }
#welcome .scroll-text {
  font-size: 2vh;
  line-height: 1.3em;
  font-family: "Lato", sans-serif; }
  @media (min-height: 900px) {
    #welcome .scroll-text {
      font-size: 22px; } }
  @media (min-height: 900px) and (orientation: portrait) {
    #welcome .scroll-text span {
      display: none; } }

#store .grey-text {
  font-size: 2.8vh; }
  @media (orientation: portrait) {
    #store .grey-text {
      font-size: 3.6vw; } }
  @media (min-height: 900px) {
    #store .grey-text {
      font-size: 30px; } }

#order .title {
  font-size: 4vh;
  font-weight: 400; }
  @media (min-height: 900px) {
    #order .title {
      font-size: 42px; } }

#chain .list-item {
  font-weight: 600;
  font-size: 2.3vh; }
  @media (min-height: 900px) {
    #chain .list-item {
      font-size: 26px; } }
#chain .sub-text.grey-text {
  font-size: 2.8vh; }
  @media (orientation: portrait) {
    #chain .sub-text.grey-text {
      font-size: 4vw; } }
  @media (min-height: 900px) {
    #chain .sub-text.grey-text {
      font-size: 30px; } }

#factories .full-width-text {
  max-width: 1100px; }
@media (orientation: portrait) {
  #factories .factory-container .factory-name {
    font-size: 3.2vw; } }

#conveyor .assembly-text .title {
  font-size: 4vh;
  font-weight: 400;
  margin-top: -1.5vh; }
  @media (orientation: portrait) {
    #conveyor .assembly-text .title {
      font-size: 5.9vw; } }
  @media (min-height: 900px) {
    #conveyor .assembly-text .title {
      font-size: 42px; } }
#conveyor .sub-title {
  font-family: "Lato", sans-serif;
  font-size: 2.6vh;
  line-height: 5vh;
  color: #6D676A;
  margin-bottom: 20px; }
  @media (orientation: portrait) {
    #conveyor .sub-title {
      font-size: 4vw;
      line-height: 6vw;
      margin-top: 20px; } }
  @media (min-height: 900px) {
    #conveyor .sub-title {
      line-height: 50px;
      font-size: 30px; } }

#shipping .questions-text .grey-text {
  font-size: 2.5vh; }
  @media (orientation: portrait) {
    #shipping .questions-text .grey-text {
      font-size: 3.8vw;
      line-height: 6vw; } }
  @media (min-height: 900px) {
    #shipping .questions-text .grey-text {
      line-height: 50px;
      font-size: 26px; } }
#shipping .acc-label {
  font-weight: 500;
  font-size: 2.5vh; }
  @media (orientation: portrait) {
    #shipping .acc-label {
      font-size: 4vw; } }
  @media (min-height: 900px) {
    #shipping .acc-label {
      font-size: 26px; } }

#final a {
  font-size: 2.5vh;
  font-weight: 600;
  padding: 1vh 4vh; }
  @media (min-height: 900px) {
    #final a {
      font-size: 26px;
      padding: 10px 40px; } }

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