/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* grid */
.row-masonry		{ display: flex; flex-flow: row wrap; margin: 0 -20px;}
.row 				{ display: flex; flex-flow: row wrap; margin: 0 -20px;}
.row:last-child 	{ margin-bottom: 0;}
[class*="col-"] 	{ padding: 20px; width: 100%;}

@media all and ( min-width: 600px ) {

  /* set col widths */
  .col-2-3 			{ width: 66.66%;}
  .col-100 			{ width: 100%; clear:both;}
  .col-1-3-masonry 	{ width: 33.33%;}
  .col-1-2 			{ width: 50%;}
  .col-1-3 			{ width: 33.33%;}
  .col-1-3-noticias	{ width: 33.33%;}
  .col-1-4 			{ width: 25%;}
  .col-3-4 			{ width: 75%;}
  .col-1-8 			{ width: 12.5%;}
  .col-7-8 			{ width: 87.5%;}
  
  
  .frow				{ -ms-flex-pack:center;-ms-flex-wrap:wrap;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}
  .col-md-6-8		{ width:75%}
  .col-md-7-8		{ width:87.5%}
  .col-md-8-8		{ width:100%}
  
  
  .col-cab2			{ width:90%; border-bottom:1px solid #ddd; margin:0 auto; padding:10px 0;}
  .col-imagen		{ width:80%;}
  .col-texto		{ width:70%;}
	
}