* {
	margin: 0;
	/*	padding: 0;*/
	box-sizing: border-box
}

.frame {
	margin: 0 auto;
	max-width: 100%
}

.frame:after {
	content: "";
	display: table;
	clear: both
}

[class*=trin-] {
	float: left;
	padding: .3em !important
}

.trin-1 {
	width: 100%
}

.trin-2 {
	width: 50%
}

.trin-3 {
	width: 33.33333%
}

.trin-4 {
	width: 25%
}

.trin-5 {
	width: 20%
}

.trin-6 {
	width: 16.66667%
}

.trin-7 {
	width: 14.28571%
}

.trin-8 {
	width: 12.5%
}

.trin-9 {
	width: 11.11111%
}

.trin-10 {
	width: 10%
}

.trin-11 {
	width: 9.09091%
}

.trin-12 {
	width: 8.33333%
}

.trin-25 {
	width: 25%
}

.trin-40 {
	width: 40%
}

.trin-50 {
    width: 50%
}

.trin-60 {
	width: 60%
}

.trin-66 {
	width: 66.66666%
}

.trin-75 {
	width: 75%
}

.trin-100 {
	width: 100%
}

@media (max-width:30em) {
	.trin-1,
	.trin-10,
	.trin-11,
	.trin-12,
	.trin-2,
	.trin-3,
	.trin-4,
	.trin-5,
	.trin-6,
	.trin-7,
	.trin-8,
	.trin-9,
	.trin-66 {
		width: 100%
	}
	.communication .card-content [class*=trin-] {
		width: 100% !important;
	}
}

@media (min-width:30em) and (max-width:50em) {
	.trin-10,
	.trin-12,
	.trin-6,
	.trin-8 {
		width: 50%
	}
	.trin-1,
	.trin-11,
	.trin-2,
	.trin-3,
	.trin-4,
	.trin-5,
	.trin-7,
	.trin-9,
	.trin-66 {
		width: 100%
	}
	.communication .card-content [class*=trin-] {
		width: 100% !important;
	}
}

@media (min-width:50em) and (max-width:68.75em) {
	.trin-2,
	.trin-7 {
		width: 100%
	}
	.trin-10,
	.trin-12,
	.trin-4,
	.trin-8 {
		width: 50%
	}

	.communication .card-content [class*=trin-] {
		width: 100% !important;
	}
}

.box {
	background: #e0d8ae;
	padding: 20px 0;
}

.box--new {
	background: #87D37C;
}


/*EXTENTIONS: ...*/

.fit {
	margin-left: 33px;
	margin-right: 33px;
}