*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}/*.cf:after, .row:after {
  content: "";
  display: table;
  clear: both;
}*/img{
	max-width:100%;
	height: auto;
	display: block;
}.row{
	clear: both;
	padding: 1em 50px 3em 50px ;
	height: auto;
	position: relative;
}.row.full{
	padding: 0;
}.row.overflow{
	margin:0;
	padding: 1em 0 3em 50px ;
	overflow: hidden;
	width: 100%;
}.row.overflow .c100{
	width: 140%;
}.c25, .c50, .c33, .c100, .c40{
	width:100%;
	display: block;
	float: left;
	position: relative;
	padding: 0 10px;
}.c100.band{
	margin: 0 -10px;
	width: calc(100% + 20px);
}.row.full .c50, .row.full .c25, .row.full .c100, .row.full .c40{
	padding: 0;
}.row.overflow .c100 .c50{
	max-width: 33%;
}.c33{
	max-width: 33.33%;
}.c50{
	max-width: 50%;
}.c40{
	max-width: 40%;
}.c25{
	max-width: 25%;
}.in{
	padding: 20px 50px;
	width: 100%;
	height: 100%;
}.c25.trans + .c50{
	margin-left: 25%;
}.c33.trans + .c50{
	margin-left: 33%;
}.c50 + .c33.trans{
	right: 0;
}.c50 + .c40.trans{
	right: 0;
}.pad6{
	padding-top: 6em;
	padding-bottom: 6em;
}.pad9{
	padding-top: 9em;
	padding-bottom: 9em;
}.pad12{
	padding-top: 12em;
	padding-bottom: 12em;
}
@media screen and (max-width: 768px) {
	.row {
		padding: 0.5em 50px;
	}
	.c25, .c50, .c33, .c100{
	width:100%;
	display: block;
	float: left;
	position: relative;
	padding: 0 5px;
}
}


@media only all and (max-width: 670px) {
	.c33, .c50, .c25{
		max-width: 100%;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}.c100{
		padding-left: 0;
		padding-right: 0;
	}.row{
		padding:1em 20px 3em 20px;
	}.in{
		padding:20px 20px;
	}
}