.grid-container:first-of-type {margin-top: 0;}
  .grid-item:nth-last-child(-n+2):first-child {flex-grow: 1}
  .grid-item:nth-last-child(-n+2):first-child + .grid-item  {flex-grow: 1}
  .flex-space-interactive.active.half .flex-space-copy {position: static;padding: 10px 0 0 0;}
  .flex-space-interactive.active.half .flex-space-copy::after {content: none;}
  .flex-space-interactive.active.half .flex-space-copy * {color: #53555a;}
  .flex-space-interactive.active.half a {text-decoration: none;border: none;}
  ul.masonry {display: flex;flex-wrap: wrap;list-style-type: none;margin: 0 auto;padding: 0;}
  ul.masonry li {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 31%;
    position: relative;
    margin-right: 2%;
    margin-bottom: 25px;
    border-radius: 5px;
    background-position: 30% 30%;
    background-size: initial;
    transition: 0.3s ease all;
    overflow: hidden;
    cursor: pointer;
    background-color: #ececec;
  }
  /* bg-color orange */
  ul.masonry li[data-background=''][data-bg-color='orange'],
  ul.masonry li:not([data-background])[data-bg-color='orange'] {background-color: #e98b00; color: #fff1dd}

  /* bg-color green */
  ul.masonry li[data-background=''][data-bg-color='green'],
  ul.masonry li:not([data-background])[data-bg-color='green']
  {background-color: #01B9B2; color: #cdfffd}

  /* bg-color blue */
  ul.masonry li[data-background=''][data-bg-color='blue'],
  ul.masonry li:not([data-background])[data-bg-color='blue']
  {background-color: #1675A9; color: #cbedff}

  /* bg-color purple */
  ul.masonry li[data-background=''][data-bg-color='purple'],
  ul.masonry li:not([data-background])[data-bg-color='purple']
  {background-color: #7a4691; color: #f0d1ff}

  ul.masonry li[data-text-color='dark'] {color: inherit}
  ul.masonry li[data-text-color='white'] {color: white}
  ul.masonry li a {
    position: relative;
    top: 0;
    display: block;
    min-height: 325px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
    outline: none;
  }

  ul.masonry li a:after {display: block;content: attr(data-cta-text) '  \2192';font-size: 0.85em;margin: 0 auto;font-weight: normal;padding-top: 10px;}
  /* dark lock icon */
  ul.masonry li[data-is-gated="true"] a::before {
    content: '';
    display: inline-block;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDI1IDMgQyAxOC4zNjMyODEgMyAxMyA4LjM2MzI4MSAxMyAxNSBMIDEzIDIwIEwgOSAyMCBDIDcuMzU1NDY5IDIwIDYgMjEuMzU1NDY5IDYgMjMgTCA2IDQ3IEMgNiA0OC42NDQ1MzEgNy4zNTU0NjkgNTAgOSA1MCBMIDQxIDUwIEMgNDIuNjQ0NTMxIDUwIDQ0IDQ4LjY0NDUzMSA0NCA0NyBMIDQ0IDIzIEMgNDQgMjEuMzU1NDY5IDQyLjY0NDUzMSAyMCA0MSAyMCBMIDM3IDIwIEwgMzcgMTUgQyAzNyA4LjM2MzI4MSAzMS42MzY3MTkgMyAyNSAzIFogTSAyNSA1IEMgMzAuNTY2NDA2IDUgMzUgOS40MzM1OTQgMzUgMTUgTCAzNSAyMCBMIDE1IDIwIEwgMTUgMTUgQyAxNSA5LjQzMzU5NCAxOS40MzM1OTQgNSAyNSA1IFogTSA5IDIyIEwgNDEgMjIgQyA0MS41NTQ2ODggMjIgNDIgMjIuNDQ1MzEzIDQyIDIzIEwgNDIgNDcgQyA0MiA0Ny41NTQ2ODggNDEuNTU0Njg4IDQ4IDQxIDQ4IEwgOSA0OCBDIDguNDQ1MzEzIDQ4IDggNDcuNTU0Njg4IDggNDcgTCA4IDIzIEMgOCAyMi40NDUzMTMgOC40NDUzMTMgMjIgOSAyMiBaIE0gMjUgMzAgQyAyMy4zMDA3ODEgMzAgMjIgMzEuMzAwNzgxIDIyIDMzIEMgMjIgMzMuODk4NDM4IDIyLjM5ODQzOCAzNC42ODc1IDIzIDM1LjE4NzUgTCAyMyAzOCBDIDIzIDM5LjEwMTU2MyAyMy44OTg0MzggNDAgMjUgNDAgQyAyNi4xMDE1NjMgNDAgMjcgMzkuMTAxNTYzIDI3IDM4IEwgMjcgMzUuMTg3NSBDIDI3LjYwMTU2MyAzNC42ODc1IDI4IDMzLjg5ODQzOCAyOCAzMyBDIDI4IDMxLjMwMDc4MSAyNi42OTkyMTkgMzAgMjUgMzAgWiI+PC9wYXRoPjwvc3ZnPg==') 50% 50% no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    margin-right: 10px;
    opacity: 0.7;
  }
  /* white lock icon */
  ul.masonry li[data-is-gated="true"][data-text-color="white"] a::before,
  ul.masonry li[data-is-gated="true"][data-bg-color]:not([data-bg-color=""]) a::before {
    opacity: 1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTg2LDEwLjMyYy0yMi44MzAzMSwwIC00MS4yOCwxOC40NDk2OSAtNDEuMjgsNDEuMjh2MTcuMmgtMTMuNzZjLTUuNjU3MTksMCAtMTAuMzIsNC42NjI4MSAtMTAuMzIsMTAuMzJ2ODIuNTZjMCw1LjY1NzE5IDQuNjYyODEsMTAuMzIgMTAuMzIsMTAuMzJoMTEwLjA4YzUuNjU3MTksMCAxMC4zMiwtNC42NjI4MSAxMC4zMiwtMTAuMzJ2LTgyLjU2YzAsLTUuNjU3MTkgLTQuNjYyODEsLTEwLjMyIC0xMC4zMiwtMTAuMzJoLTEzLjc2di0xNy4yYzAsLTIyLjgzMDMxIC0xOC40NDk2OSwtNDEuMjggLTQxLjI4LC00MS4yOHpNODYsMTcuMmMxOS4xNDg0NCwwIDM0LjQsMTUuMjUxNTYgMzQuNCwzNC40djE3LjJoLTY4Ljh2LTE3LjJjMCwtMTkuMTQ4NDQgMTUuMjUxNTYsLTM0LjQgMzQuNCwtMzQuNHpNMzAuOTYsNzUuNjhoMTEwLjA4YzEuOTA4MTMsMCAzLjQ0LDEuNTMxODggMy40NCwzLjQ0djgyLjU2YzAsMS45MDgxMyAtMS41MzE4NywzLjQ0IC0zLjQ0LDMuNDRoLTExMC4wOGMtMS45MDgxMiwwIC0zLjQ0LC0xLjUzMTg3IC0zLjQ0LC0zLjQ0di04Mi41NmMwLC0xLjkwODEyIDEuNTMxODgsLTMuNDQgMy40NCwtMy40NHpNODYsMTAzLjJjLTUuODQ1MzEsMCAtMTAuMzIsNC40NzQ2OSAtMTAuMzIsMTAuMzJjMCwzLjA5MDYzIDEuMzcwNjMsNS44MDUgMy40NCw3LjUyNXY5LjY3NWMwLDMuNzg5MzggMy4wOTA2Myw2Ljg4IDYuODgsNi44OGMzLjc4OTM4LDAgNi44OCwtMy4wOTA2MiA2Ljg4LC02Ljg4di05LjY3NWMyLjA2OTM4LC0xLjcyIDMuNDQsLTQuNDM0MzcgMy40NCwtNy41MjVjMCwtNS44NDUzMSAtNC40NzQ2OSwtMTAuMzIgLTEwLjMyLC0xMC4zMnoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
  }
  @media (max-width: 900px) {
    ul.masonry li {
      flex-basis: 50%
    }
  }
  @media (min-width: 1201px) {
    ul.masonry li:hover {
      background-position: 40% 40% !important;
    }
    ul.masonry li:first-of-type {
      flex-basis: 65%;
    }
    ul.masonry li:nth-of-type(2) {
      margin-right: 0
    }
    ul.masonry li:nth-of-type(5) {
      margin-right: 0 !important
    }
    {background-color: #e98b00; color: #ffe6c1}
    ul.masonry li[data-background=''][data-bg-color='orange']:hover,
    ul.masonry li:not([data-background])[data-bg-color='orange']:hover
    {background-color: #e86410;}
    ul.masonry li[data-background=''][data-bg-color='green']:hover,
    ul.masonry li:not([data-background])[data-bg-color='green']:hover
    {background-color: #00a3b9;}
    ul.masonry li[data-background=''][data-bg-color='blue']:hover,
    ul.masonry li:not([data-background])[data-bg-color='blue']:hover
    {background-color: #1099be;}
    ul.masonry li[data-background=''][data-bg-color='purple']:hover,
    ul.masonry li:not([data-background])[data-bg-color='purple']:hover
    {background-color: #9c56a2;}
  }