// Partials / Block Stack


// Full - Stacked
// Half - Stacked
.block{

  .halves.stack,
  .full.stack{
    & + .halves.stack,
    & + .full.stack{
      margin-top:-80px;
    }
  }

  .halves .half.stack,
  .full.stack{
    background-color: red;

    flex-direction:column;
    background-color:transparent;
    margin-top:80px;
    margin-bottom:80px;

    .icon{
      width:auto;
      height:35px;
      margin-bottom:25px;

      svg{
        width:auto;
        height:35px;
      }
    }

    .illustration{
      margin-bottom:30px;

      img{
        height:auto;
      }
    }

    .content{
      padding:0 0 50px 0;
      margin-left:auto;
      margin-right:auto;

      .title{
        font-size:24px;
        line-height:36px;
        margin-bottom:10px;

        &.font-size-large{
          font-size:27px;
          line-height:39px;
        }
      }

      p,
      li{
        font-size:16px;
        line-height:28px;
      }

      p,
      ol,
      ul{
        margin-bottom:25px;
      }

      .illustration{
        margin-top:50px;
      }
    }
  }

  .halves .half.stack{
    .illustration{
      img{
        max-width:250px;
      }
    }

    .content{
      max-width:370px;
    }
  }

  .full.stack{
    .illustration{
      img{
        max-width:675px;
      }
    }
  }
}
