body, html {
    height: 100%;
    margin: 0;
    background-color: #ffffff; /* Mild red background */
    font-family: 'Noto Sans', sans-serif; /* Default font for descriptions */
    font-weight: 300;
  }
  .centered-row {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  h1, h2, h3, h4, h5, h6 {
      font-weight: 100;
      letter-spacing: -1px;
      color: #606160;
}
p{
  color: #707175;
  text-align: justify;
  font-size: 18px;
}
/* Extra Small Devices (phones, <576px) */
@media (max-width: 575.98px) {
  .centered-row {
    display: block;
  }
  .title-mobile{
    margin-top: 20px;
    font-size: 32px;
    margin-bottom: 12px;
  }
  p{
    font-size: 16px;
    text-align: start;
  }
}

/* Small Devices (tablets, ≥576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
/* Your custom styles for small devices */
}

/* Medium Devices (desktops, ≥768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
/* Your custom styles for medium devices */
}

/* Large Devices (desktops, ≥992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
p{
  font-size: 16px;
}
}

/* Extra Large Devices (large desktops, ≥1200px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
p{
  font-size: 17px;
}
/* Your custom styles for extra large devices */
}

/* Extra Extra Large Devices (larger desktops, ≥1400px) */
@media (min-width: 1400px) {
h1{
  font-size: 48px;
}
}