[data-columns]::before {position: absolute;}
.site-header {padding: 60px 70px 50px;}
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }
.item { margin: 0 10px 20px; }
/* GRIDS: INTRO GRID */
.intro-grid {position: relative;padding:40px 10px;text-align:left;}
.intro-grid .item {
  position: relative;
  padding: 0;
  font-size: 16px;
  border:1px solid #595a5a;
}
.intro-grid .item  .itemTitre a{text-align:left;color:#c0523a;padding:15px 5px;display:inline-block;text-decoration: none;font-size:18px;font-weight: 700;margin:0 0 0 20px;border-bottom:1px solid #c0523a;text-transform : uppercase; }
.intro-grid .item  .itemTitre a:hover{color:#fff;background-color:#595a5a;border-bottom:1px solid #595a5a;}
.intro-grid .item .itemBody{text-align:center;padding:0 20px 20px 20px;}
.intro-grid .item .itemBody img{border:2px solid #eee;}
.intro-grid .item .itemBody img:hover{border:2px solid #595a5a;}
.intro-grid .item .itemBody p{text-align:justify;}
.intro-grid .column::after {
  position: absolute;
  display: block;
  content: '';
  top: 0; right: 5px;
  bottom: 15px; left: 5px;

}

@media screen and (max-width: 1299px) {.site-header nav {float: none;margin-bottom: 20px;}}
@media screen and (max-width: 480px){.site-header{padding: 30px 20px;}.intro-grid[data-columns]::before{content: '1 .column.size-1of1';}}
@media screen and (min-width: 481px) and (max-width:819px) {.site-header{padding: 30px 40px;}.intro-grid[data-columns]::before{content: '2 .column.size-1of2';}}
@media screen and (min-width: 820px) and (max-width: 1299px) {.intro-grid[data-columns]::before{content: '2 .column.size-1of2';}}
@media screen and (min-width: 1300px){.intro-grid[data-columns]::before{content: '3 .column.size-1of3';}}