#home-page {
  font-family: "Nunito", sans-serif;
  font-size: 1.4em;
}
/* .navbar-toggler-icon {
  color: rgb(121, 219, 58);
} */
#home-page .main-div {
  position: absolute;
  /* top: 60px; */
  z-index: 1;
  color: white;
  height: inherit;
  width: inherit;
}

#home-page .main-title {
  font-family: "Staatliches", cursive;
  font-size: 6em;
  font-style: italic;
}

#home-page .intro-title {
  font-family: "Staatliches", cursive;
  font-size: 4em;
}

/* xxxx */

/* parallax */
/* #home-page .pSection-intro {
  position: relative;
  padding-top: 200px;
  
}

#home-page .intro-sec {
  padding: 20px;
  margin: 0 auto;
  max-width: 1070px;
  position: relative;
  z-index: 1;
  height: 600px;
}



*/

.pSection {
  position: relative;
  padding-top: 200px;
  /* padding-bottom: 300px; */
}

.container {
  padding: 20px;
  margin: 0 auto;
  max-width: 1070px;
  position: relative;
  z-index: 1;
}

.pContent {
  width: 65%;
  background-color: rgba(121, 219, 58, 0.8);

  color: black;
  /* padding: 40px 100px; */
  /* top | right | bottom | left */
  padding: 40px 4em 20px 4em;
  z-index: 2;
  /* z-index: inherit; */
  margin-left: 3em;
}

.pImage {
  width: 70%;
  position: absolute;
  top: 0;
  right: 0;
  /* max-height: 900px; */
  /* xxx */
  /* height: auto; */
  /* height: inherit; */
}

/* service */

/* #home-page .pSection-sales {
  position: relative;
  padding-top: 400px;
  padding-bottom: 300px;
  
} */

.salesService {
  color: white;
  background-color: black;
  font-size: 1.4em;
}
#home-page .service-title {
  font-family: "Staatliches", cursive;
  font-size: 2em;
}

@media (max-width: 600px) {
  #home-page {
    font-size: 1em;
  }
  #home-page .main-div {
    /* top: 15%; */
    font-size: 1em;
  }

  #home-page .main-title {
    font-size: 2em;
  }
  #home-page .main-desc {
    font-size: 1em;
  }

  #home-page .pContent {
    width: 90%;
    font-size: 1em;
    /* top | right | bottom | left */
    padding: 40px 1em 20px 1em;
    margin: auto;
  }

  #home-page .pImage {
    height: 400px;
  }
}

@media (max-width: 800px) {
  /* #home-page .main-div {
    top: 10%;
  } */
  #home-page {
    font-size: 1.2em;
  }
  #home-page .main-title {
    font-size: 3em;
  }
}

/* machine */

#home-page .machine-name {
  font-family: "Staatliches", cursive;
  font-style: italic;
  /* font-weight: 100; */
}

#home-page .machine-details {
  font-style: italic;
}

#home-page .catalog {
  background-color: black;
  color: white;
  /* height: 20em; */
}

@media screen and (min-width: 1540px) {
  .pImage {
    height: 400px;
    width: 60%;
  }
  .pContent {
    width: 50%;
  }
  .pSection {
    padding: 10em;
  }
}