/* Section Value */
.value {
  padding: 2em 0.75rem;
  background-color: rgb(28, 88, 135);
  color: rgb(255, 255, 255);
}

.value .value-items   {
  text-align: center;
  font-weight: 300;
}

.value .value-items .value-title {
  text-align: center;
  font-size: 1.5rem;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
  margin-bottom: 1em;
}

.value .value-items .value-text {
font-size: 1rem;
word-wrap: normal;
text-align: justify;
line-height: 1.25;
margin-bottom: 0.75em
}

@media screen and (min-width: 768px) { /* breakpoint-md - iPad */
  .value {
    padding: 2em 0 2em 0.5rem;
  }

  .value .value-items   {
    /* padding-left: 0.5rem; */
  }

  .value .value-items .value-title {
    font-size: 2rem;
    margin-bottom: 1em;
  }
  
  .value .value-items .value-text {
  font-size: 1.5rem;
  line-height: 1.5;
  }
}

@media screen and (min-width: 992px) { /* breakpoint-lg */
  .value {
    margin: var(--section-top-bottom-margin) var(--section-left-right-margin);
    padding: 2rem 1rem 3em;
  }
  
  .value .value-items   {
    margin: 0 0;
  }

  .value .value-items .value-title {
    font-size: 2.5rem;
    font-weight: 400;
    padding: 0 5rem;
  }
  
  .value .value-items .value-text {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 1.25;
  }
}