/* General layout */
.layout {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  max-width:1440px;
  padding:0 var(--frame-width);
  margin:0 auto;
  margin-bottom: calc(var(--padding--layout--columns) * 2);
  /* border-radius:20px; */
  /* overflow:hidden; */
}
.layout > .layout__region{
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--padding--layout--columns);
  /* border-radius:20px; */
  /* overflow:hidden; */
  justify-content: center;
  align-items: flex-start;
}

.layout > .layout{
  padding-left:0;
  padding-right:0;
}

.layout.layout-no-padding  > .layout__region,
.layout > .layout__region:last-child{
  margin-bottom:0;
}

.layout.layout-width--full{
  max-width:100%;
  padding:0;
}
.layout.layout-width--narrow{
  max-width:960px;
}
.layout-white{
  background-color: var(--color-bg-inverted);
  padding: calc(var(--padding--layout--columns) * 2) 0;
  color: var(--color-text-inverted);
  background-image: url(../img/bg-white.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.layout.layout-white{
  background-color: var(--color-bg-inverted);
  padding: calc(var(--padding--layout--columns) * 2) var(--padding--layout--columns);
  color: var(--color-text-inverted);
  background-image: url(../img/bg-white.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}



@media screen and (min-width: 720px) {
  .layout > .layout__region{
    margin-bottom: 0;
  }
}

/* Two column layouts */
@media screen and (min-width: 720px) {
  .layout--twocol > .layout__region {
    flex: 0 1 calc(50% - (1 * var(--padding--layout--columns)) / 2)
  }
  .layout--twocol-40-60 > .layout__region--first,
  .layout--twocol-60-40 > .layout__region--second {
    flex: 0 1 calc(40% - (1 * var(--padding--layout--columns)) / 2);
  }
  .layout--twocol-40-60 > .layout__region--second,
  .layout--twocol-60-40 > .layout__region--first {
    flex: 0 1 calc(60% - (1 * var(--padding--layout--columns)) / 2);
  }
  .layout--twocol-33-66 > .layout__region--first,
  .layout--twocol-66-33 > .layout__region--second {
    flex: 0 1 calc(100% / 3 - (2 * var(--padding--layout--columns)) / 3);
  }
  .layout--twocol-33-66 > .layout__region--second,
  .layout--twocol-66-33 > .layout__region--first {
    flex: 0 1 calc((200% - var(--padding--layout--columns)) / 3);
  }
  .layout--twocol-25-75 > .layout__region--first,
  .layout--twocol-75-25 > .layout__region--second {
    flex: 0 1 calc(25% - ((3 * var(--padding--layout--columns))/4));
  }
  .layout--twocol-25-75 > .layout__region--second,
  .layout--twocol-75-25 > .layout__region--first {
    flex: 0 1 calc(75% - (var(--padding--layout--columns) * 0.25));
  }

  .layout--twocol.layout-no-padding  > .layout__region{
    flex: 0 1 50%;
  }
  .layout--twocol-40-60.layout-no-padding > .layout__region--first,
  .layout--twocol-60-40.layout-no-padding > .layout__region--second {
    flex: 0 1 40%;
  }
  .layout--twocol-40-60.layout-no-padding > .layout__region--second,
  .layout--twocol-60-40.layout-no-padding > .layout__region--first {
    flex: 0 1 60%;
  }
  .layout--twocol-33-66.layout-no-padding > .layout__region--first,
  .layout--twocol-66-33.layout-no-padding > .layout__region--second {
    flex: 0 1 calc(100% / 3);
  }
  .layout--twocol-33-66.layout-no-padding > .layout__region--second,
  .layout--twocol-66-33.layout-no-padding > .layout__region--first {
    flex: 0 1 calc(100% / 3 * 2);
  }
  .layout--twocol-25-75.layout-no-padding > .layout__region--first,
  .layout--twocol-75-25.layout-no-padding > .layout__region--second {
    flex: 0 1 25%;
  }
  .layout--twocol-25-75.layout-no-padding > .layout__region--second,
  .layout--twocol-75-25.layout-no-padding > .layout__region--first {
    flex: 0 1 75%;
  }
}

/* Three column layouts */
.layout--threecol-50-25-25 > .layout__region--second,
.layout--threecol-50-25-25 > .layout__region--third,
.layout--threecol-25-25-50 > .layout__region--first,
.layout--threecol-25-25-50 > .layout__region--second {
  flex: 0 1 calc(50% - (1 * var(--padding--layout--columns)) / 2);
}
@media screen and (min-width: 720px) {
  .layout--threecol > .layout__region {
    flex: 0 1 calc(100% / 3 - (2 * var(--padding--layout--columns)) / 3);
  }
  .layout--threecol-50-25-25 > .layout__region--first,
  .layout--threecol-25-25-50 > .layout__region--third {
    flex: 0 1 calc(50% - (1 * var(--padding--layout--columns)) / 2);
  }
  .layout--threecol-50-25-25 > .layout__region--second,
  .layout--threecol-50-25-25 > .layout__region--third,
  .layout--threecol-25-25-50 > .layout__region--first,
  .layout--threecol-25-25-50 > .layout__region--second {
    flex: 0 1 calc(25% - ((3 * var(--padding--layout--columns))/4));
  }

  .layout--threecol.layout-no-padding > .layout__region {
    flex: 0 1 calc(100% / 3);
  }
  .layout--threecol-50-25-25.layout-no-padding > .layout__region--first,
  .layout--threecol-25-25-50.layout-no-padding > .layout__region--third {
    flex: 0 1 50%;
  }
  .layout--threecol-50-25-25.layout-no-padding > .layout__region--second,
  .layout--threecol-50-25-25.layout-no-padding > .layout__region--third,
  .layout--threecol-25-25-50.layout-no-padding > .layout__region--first,
  .layout--threecol-25-25-50.layout-no-padding > .layout__region--second {
    flex: 0 1 25%;
  }
}

/* Four column layouts */
.layout--fourcol > .layout__region {
  flex: 0 1 calc(50% - (1 * var(--padding--layout--columns)) / 2);
}
.layout--fourcol.layout-no-padding > .layout__region {
  flex: 0 1 50%;
}
@media screen and (min-width: 520px) {
  .layout--fourcol > .layout__region {
    flex: 0 1 calc(25% - ((3 * var(--padding--layout--columns))/4))
  }
  .layout--fourcol.layout-no-padding > .layout__region {
    flex: 0 1 25%;
  }
}


.layout .text :last-child{
  margin-bottom:0;
}