.astellia-page-container {
  width: 100%;
  max-width: 420px;
  height: 100%;
  min-height: 2400px;
  background: url("./astellia/astellia_bg.jpg") no-repeat;
  text-align: center;
  background-position: center;
}

.astellia-container {
  position: relative;
  width: 90%;
  margin: 0 auto;
  z-index: 5;
  top: -30px;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  box-shadow: 2px 2px 2px #161616;
}

.astellia-container h1 {
  font-size: 21px;
  margin: 0 auto;
  padding-top: 15px;
  width: 90%;
  letter-spacing: 1px;
}

.astellia-container p {
  font-size: 14px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
  white-space: pre-line;
  width: 90%;
}

#features {
  top: -10px;
}

.feature-card {
  width: 98%;
  margin: 0 auto;
  margin-top: 15px;
}

.feature-image-1 {
  width: 95%;
  margin: 0 auto;
  height: 185px;
  border-radius: 5px;
  background: url("./astellia/feature1.jpg");
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.feature-image-2 {
  width: 95%;
  margin: 0 auto;
  height: 185px;
  border-radius: 5px;
  background: url("./astellia/feature2.jpg");
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.feature-image-3 {
  width: 95%;
  margin: 0 auto;
  height: 185px;
  border-radius: 5px;
  background: url("./astellia/feature3.jpg");
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.feature-text {
  width: 100%;
  padding-bottom: 15px;
}

.feature-text h1 {
  font-size: 18px;
  text-align: left;
}

.feature-text p {
  font-size: 14px;
  margin-top: 10px;
}