.component-MEA11-container
{
  @include outer-container;
}
.component-MEA11-wrapper
{
  @include span-columns(10);
  @include shift(1);
}
.component-MEA11-title
{
  margin-bottom: 2rem;

  color: $color-golden;
  font-family: Lucien-regular, Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  text-align: center;
}
.component-MEA11-item
{
  margin-bottom: 2rem;

  &:last-child
  {
    margin-bottom: 0;
  }
}
.component-MEA11-item-picture
{
  display: block;
  width: 100%;

  img
  {
    display: block;
    width: 100%;
  }
}
.component-MEA11-item-text
{
  margin-top: 2rem;
}
.component-MEA11-item-description
{
  text-align: center;
}
.component-MEA11-item-buttons
{
  margin-top: 2rem;
}
.component-MEA11-item-button
{
  margin-bottom: 10px;
  width: 100%;

  &:last-child
  {
    margin-bottom: 0;
  }
}

@include tablet-portrait-and-up
{
  .component-MEA11-items
  {
    display: flex;
  }
  .mea11ChildComp
  {
    flex-basis: 0;
    flex-grow: 1;
  }
  .component-MEA11-item
  {
    flex-basis: 0;
    flex-grow: 1;
    margin-bottom: 0;
    margin-right: 1rem;

    &:last-child
    {
      margin-right: 0;
    }
  }
  .component-MEA11-item-buttons
  {
    display: flex;
      justify-content: center;
  }
  .component-MEA11-item-button
  {
    margin-bottom: 0;
    margin-right: 1rem;
    padding: 20px !important;
    width: auto;

    &:last-child
    {
      margin-right: 0;
    }
  }
}
