:root{
}

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

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

@media (min-width: 700px){

.layout.layout--fourcol-section > .layout__region{
        -ms-flex-preferred-size:calc(50% - 16.25px);
        flex-basis:calc(50% - 16.25px);
        -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: 700px){
      .layout.layout--fourcol-section > .layout__region--first,
      .layout.layout--fourcol-section > .layout__region--second{
        margin-bottom:32.5px;
      }

      .layout.layout--fourcol-section > .layout__region--first,
      .layout.layout--fourcol-section > .layout__region--third{
        margin-right:16.25px;
      }

      .layout.layout--fourcol-section > .layout__region--second,
      .layout.layout--fourcol-section > .layout__region--fourth{
        margin-left:16.25px;
      }
    }

@media (min-width: 1000px){
      .layout.layout--fourcol-section > .layout__region{
        -ms-flex-preferred-size:calc(25% - 24.375px);
        flex-basis:calc(25% - 24.375px);
      }

      .layout.layout--fourcol-section > .layout__region--first,
      .layout.layout--fourcol-section > .layout__region--second{
        margin-bottom:0;
      }

      .layout.layout--fourcol-section > .layout__region--first{
        margin-right:16.25px;
      }

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

      .layout.layout--fourcol-section > .layout__region--fourth{
        margin-left:16.25px;
      }
    }