.wrapfull {
	/*background-color: pink;*/
	/*opacity: .5;*/
}

.wrapfull:after {
	content: '';
	display: table;
	clear: both;
}

.wrapfull [class*="col-"] {
	position: relative;
	width: 100%;
	clear: both;
	min-height: 2em;
	margin: 1em 0;

	/*background-color: blue;*/
}
.wrapfull [class*="col-"]:nth-child(odd) {
	/*background-color: green;*/
}


/*800*/
@media (min-width: 800px) {
	.wrapfull [class*="col-"] {
		float: left;
		clear: none;
	}

	.wrapfull .col-1 { width: 8.33%; }
	.wrapfull .col-2 { width: 16.66%; }
	.wrapfull .col-3 { width: 24.99%; }
	.wrapfull .col-4 { width: 33.32%; }
	.wrapfull .col-5 { width: 41.65%; }
	.wrapfull .col-6 { width: 49.98%; }
	.wrapfull .col-7 { width: 58.31%; }
	.wrapfull .col-8 { width: 66.64%; }
	.wrapfull .col-9 { width: 74.97%; }
	.wrapfull .col-10 { width: 83.3%; }
	.wrapfull .col-11 { width: 91.63%; }
	.wrapfull .col-12 { width: 100%; }


	.wrapfull.card [class*="col-"] {
		margin: 1% 1.2%;
	}

	.wrapfull.card .col-1 { width: 5.93%; }
	.wrapfull.card .col-2 { width: 14.26%; }
	.wrapfull.card .col-3 { width: 22.59%; }
	.wrapfull.card .col-4 { width: 30.92%; }
	.wrapfull.card .col-5 { width: 39.25%; }
	.wrapfull.card .col-6 { width: 47.58%; }
	.wrapfull.card .col-7 { width: 55.91%; }
	.wrapfull.card .col-8 { width: 64.24%; }
	.wrapfull.card .col-9 { width: 72.57%; }
	.wrapfull.card .col-10 { width: 80.9%; }
	.wrapfull.card .col-11 { width: 89.23%; }
	.wrapfull.card .col-12 { width: 97.56%; }

	.margin-top-20 {
		margin-top: -10em !important;
	}
}


.green { background-color: #a9b722; }
.red { background-color: #ed5e89; }
.ocean { background-color: #21b1ba; }
.magenta { background-color: #bf3f92; }

.text-white {
	color: #fff;
}