@charset "UTF-8";

/**
 * These styles for tow columns content layouts
 */

 .blocks-row{ display:flex; flex-wrap:wrap; margin:0 -20px; }
 .col-block{ width:100%; padding:0 20px; box-sizing: border-box;} 

 .item-block{ max-width:360px; margin:0 auto 40px; background-color:#f1f1f1; border-radius:10px; position:relative; }
 .item-block:after{ content:""; display:inline-block; width:100%; height:100%; border:2px solid #f1f1f1; border-radius: 10px; position:absolute; top:12px; left:12px; z-index: -1;}
 .block-img{ overflow: hidden; border-radius:10px 10px 0 0;}
 .block-img img{ display:block; width:100%; transition: transform 0.4s; }
 .block-text{ padding:20px; }
 .block-blurb{ font-size:16px; }
 .block-blurb > :last-child{ margin-bottom:0; }
 .block-blurb ul{ padding-left:20px; }
 .block-blurb ul li{ line-height: 1.5; }
 .block-blurb ul li + li{ margin-top:10px; }
 .block-cta{ display:inline-block; padding-top:20px; }
 .item-block:hover .block-img img{ transform:scale(1.1); transform-origin:50% 50%; }
 
 
 @media only screen and (min-width:768px){
		 
	.col-block{ width:50%; padding-bottom:60px; } 
	.item-block{ max-width:460px; height:100%; margin-bottom:0; }
	.block-text{ padding:30px; }
 
 }
  @media only screen and (min-width:1024px){
		 
	.col-block{ width:calc(100% / 3); } 
 
 }