:root{
}

.layout.layout--threecol-section{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

.layout.layout--threecol-section > .layout__region{
      -webkit-box-flex:1;
      -ms-flex:1 0 100%;
      flex:1 0 100%;
      margin-bottom:32.5px;
    }

@media (min-width: 1000px){

.layout.layout--threecol-section > .layout__region{
        -webkit-box-flex:0;
        -ms-flex-positive:0;
        flex-grow:0;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin-bottom:32.5px
    }        
      }

@media (min-width: 1000px){
      .layout.layout--threecol-section > .layout__region--first{
        margin-right:16.25px;
      }

      .layout.layout--threecol-section > .layout__region--second{
        margin-right:16.25px;
        margin-left:16.25px;
      }

      .layout.layout--threecol-section > .layout__region--third{
        margin-left:16.25px;
      }
      .layout.layout--threecol-section--25-50-25 > .layout__region--first,
      .layout.layout--threecol-section--25-50-25 > .layout__region--third{
        -ms-flex-preferred-size:calc(25% - 16.25px);
        flex-basis:calc(25% - 16.25px);
      }

      .layout.layout--threecol-section--25-50-25 > .layout__region--second{
        -ms-flex-preferred-size:calc(50% - 32.5px);
        flex-basis:calc(50% - 32.5px);
      }
      .layout.layout--threecol-section--25-25-50 > .layout__region--first,
      .layout.layout--threecol-section--25-25-50 > .layout__region--second{
        -ms-flex-preferred-size:calc(25% - 16.25px);
        flex-basis:calc(25% - 16.25px);
      }

      .layout.layout--threecol-section--25-25-50 > .layout__region--third{
        -ms-flex-preferred-size:calc(50% - 32.5px);
        flex-basis:calc(50% - 32.5px);
      }
      .layout.layout--threecol-section--50-25-25 > .layout__region--first{
        -ms-flex-preferred-size:calc(50% - 32.5px);
        flex-basis:calc(50% - 32.5px);
      }

      .layout.layout--threecol-section--50-25-25 > .layout__region--second,
      .layout.layout--threecol-section--50-25-25 > .layout__region--third{
        -ms-flex-preferred-size:calc(25% - 16.25px);
        flex-basis:calc(25% - 16.25px);
      }
      .layout.layout--threecol-section--33-34-33 > .layout__region--first,
      .layout.layout--threecol-section--33-34-33 > .layout__region--second,
      .layout.layout--threecol-section--33-34-33 > .layout__region--third{
        -ms-flex-preferred-size:calc(33.33% - 21.645px);
        flex-basis:calc(33.33% - 21.645px);
      }
  }