@charset "utf-8";
/* CSS Document */

[class*="col-"] {
	float:left;
	width:100%;
}
	header {padding:20px;}
	header img {
		width:inherit;
		max-width:75%;
		height:auto;
		display:block;
		margin:0px auto;
	}
	.titols {font-size:150%; text-align:center; padding-left:0.6em;}
	footer .titols {padding-left:0.6em;}
	section {display:block;}
	.linea {
		display:block;
		padding:20px;
		border-bottom:4px dashed #c10059;
	}
	figcaption {text-align:center;}

@media only screen and (min-width: 640px) {
	header img {
		max-width:50%;
	}
	.titols {font-size:150%;}
	.col-p-4 {width:100%;}
	.col-p-3 {width:75%;}
	.col-p-2 {width:50%;}
	.col-p-1 {width:25%;}
	.col-p-13 {width:33.333333%;}
	.col-p-23 {width:66.666667%;}
	.col-p-15 {width:20%;}
}

@media only screen and (min-width: 768px) {
	header {padding:40px;}
	section {display:table-row;}
	.titols {font-size:125%; text-align:left; padding-left:0px;}
	.linea {
		display:table-cell;
		float:none;
		height:100%;
		border-right:4px dashed #c10059;
		border-bottom:none;
		padding:0px 40px;
	}
	.linea:last-child {border-right:none;}
	figcaption {text-align:left;}
	.col-m-4 {width:100%;}
	.col-m-3 {width:75%;}
	.col-m-2 {width:50%;}
	.col-m-1 {width:25%;}
	.col-m-13 {width:33.333333%;}
	.col-m-23 {width:66.666667%;}
	.col-m-15 {width:20%;}
}

@media only screen and (min-width: 992px) {
	.titols {font-size:150%;}
	.col-g-4 {width:100%;}
	.col-g-3 {width:75%;}
	.col-g-2 {width:50%;}
	.col-g-1 {width:25%;}
	.col-g-13 {width:33.333333%;}
	.col-g-23 {width:66.666667%;}
	.col-g-15 {width:20%;}
}