/**
* @package   DatsoPic Content Plugin
* @file      grid.css
* @version   1.29, November 28, 2013
* @author    Andrey Datso
* @copyright Copyright (C) 2006 - 2013 www.datso.fr
* @license   DATSO Proprietary Use License (http://www.datso.fr/license.html)
*/
.datsopic img {
    outline: 0;
    max-width: 100%;
    height: auto;
}
.datsopic .row {
	margin: 0 -5px;
}
.datsopic .row:after {
	content: '';
	display: table;
	clear: both;
}
.datsopic .col {
	float: left;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.datsopic .col-1 {
	width: 8.33%;
}
.datsopic .col-2 {
	width: 16.66%;
}
.datsopic .col-3 {
	width: 25%;
}
.datsopic .col-4 {
	width: 32.75%;
}
.datsopic .col-5 {
	width: 41.66%;
}
.datsopic .col-6 {
	width: 50%;
}
.datsopic .col-8 {
	width: 66.67%;
}
.datsopic .col-9 {
	width: 75%;
}
.datsopic .col-10 {
	width: 83.33%;
}
@media screen
and (max-width: 320px) {
	.datsopic .col {
		float: none;
		width: 100%;
	}
}