div.arealayout.flextiles .ccm-layout { display: flex;flex-direction: row; margin: 25px auto; }

.whitetxt div.arealayout.flextiles .ccm-layout,
.whitetxt div.arealayout.flextiles .ccm-layout h1,
.whitetxt div.arealayout.flextiles .ccm-layout h2,
.whitetxt div.arealayout.flextiles .ccm-layout h3,
.whitetxt div.arealayout.flextiles .ccm-layout h4,
.whitetxt div.arealayout.flextiles .ccm-layout h5,
.whitetxt div.arealayout.flextiles .ccm-layout h6 { color: #004851!important; }

/*.whitetxt div.arealayout.flextiles .ccm-layout .listyle:before { color: #f89f1d !important; }*/

div.arealayout.flextiles .ccm-layout-column { 
float: none !important; 
vertical-align: top; 
margin: 0.5%;
font-size: 15px;
display: inline-flex;
flex: 1;
flex-direction: column;
flex-wrap: wrap;align-content: stretch;
background: #f1f5f5; 
border-radius: 8px;
/*box-shadow: rgba(0,0,0,0.15) 3px 3px 3px;*/ 
}
 
@media (max-width: 1000px) {
div.arealayout.flextiles .ccm-layout {
display: flex; flex: 1;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
  }
}
 
/*div.arealayout.flextiles .ccm-layout-column:before,
div.arealayout.flextiles .ccm-layout-column:after { 
position: absolute; content:''; box-sizing: border-box; z-index: 1;
display: block; transform: rotate(90deg); margin: 0; }
*/
 /*
div.arealayout.flextiles .ccm-layout-column:before {
width: 37px; height: 32px; background: #0c7e8a; left: -19px;
-webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}
div.arealayout.flextiles .ccm-layout-column:after {
width: 35px; height: 30px; background: #fff; left: -18px;
-webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
}

div.arealayout.flextiles .ccm-layout-column:nth-child(odd):before { bottom: -1px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after { bottom: 0px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):before { top: 0; }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 1px; }*/

/*div.arealayout.flextiles .ccm-layout-column:after { 
content: ''; height: -webkit-fill-available;
border-left: 1px solid #0c7e8a; padding: 0; left: 20px; }

div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after { bottom: 38px;  }
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 38px; }*/


@media screen and (max-width: 1000px)
{
div.arealayout.flextiles .ccm-layout-column { 
 padding: 7.5%; margin: 5px auto; width: -webkit-fill-available !important; }
/*div.arealayout.flextiles .ccm-layout-column:nth-child(odd):before, 
div.arealayout.flextiles .ccm-layout-column:nth-child(even):before { top: 0; }	
div.arealayout.flextiles .ccm-layout-column:nth-child(odd):after, 
div.arealayout.flextiles .ccm-layout-column:nth-child(even):after { top: 1px; bottom: inherit;  }*/
}

@media screen and (min-width: 1000px)
{
div.arealayout.flextiles .ccm-layout-column { padding: 2%; }
/*div.arealayout.flextiles .ccm-layout-column:first-child { padding-left: 0; }
div.arealayout.flextiles .ccm-layout-column:last-child { padding-right: 0; }*/
div.arealayout.flextiles .ccm-layout-column:first-child:before,
div.arealayout.flextiles .ccm-layout-column:first-child:after { display: none; }
}