.reasons_container{
  text-align: center;
  background: white;
  color: var(--ifm-landing-page-inverse-font-color);
  @media only screen and (max-width: 641px) {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .title {
    margin-bottom: 5rem;
    letter-spacing: 0.05rem;
  }
  .subtitle {
    text-transform: none;
    margin: 1rem auto;
    font-family: 'lato';
    font-weight: 400;
    max-width: 34rem;
    letter-spacing: normal;
  }
  .expand {
    margin-top: 2rem;

    a{
      display: flex;
      justify-content: center;

      &:active, &:link, &:visited{
        text-decoration: none;
        color: var(--ifm-landing-page-inverse-font-color);
      }
      &:after {
        align-self: center;
        margin: 0 0.5rem;
        content: "";
        width: 18px;
        height: 18px;
        background:  url(../../static/img/icons/icon-plus.svg);
        background-size: cover;
      }
    }
    &.expanded a{
      &:after {
        background:  url(../../static/img/icons/icon-minus.svg);
        background-size: cover;
      }
    }
  }
}

.reasons {
  display: flex;
  flex-direction: row;
  row-gap: 3rem;
  justify-content: center;
  column-gap: 2rem;
}

.reason {
  max-width: 10rem;

  .title{
    color: var(--ifm-color-secondary);
    text-transform: uppercase;
    margin: 1rem;
  }

  .description{
    min-height: 2.5rem;
    font-size: 0.9rem;
    align-self: center;
  }
  ul.description {
    margin-top: 2rem;
    padding-left: 1rem;
  }
  .description li{
    text-align: left;
  }

  .reason_logo {
    height: 3rem;
    flex: 0 0 3rem;
    align-self: center;

    path {
      stroke: var(--ifm-color-secondary);
    }
  }
}
