.grid::before, .grid::after {
    content: '';
    display: table;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
.grid { 
	position: relative;
	display: block;
	width: 90%;
	max-width: 90%;
	padding: 0; 
	margin: 0 auto; 
	white-space: nowrap
}
.grid.mobilefullwidth { 
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto;
}
.grid .item { 
	position: relative;
  	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0; 
	margin: 0 auto;	
}
.grid .item [class^='c-'] { 
	position: relative;
	display: block;
    padding: 1rem 0 1rem 0;
    margin-right: 5%;
    vertical-align: top;
    white-space: normal;
}
.grid .item [class^='c-']:last-child { 
    margin-right: 0 !important;
}
.c-1, .c-2, .c-3, .c-4, .c-2-3 {
	width: 100%;
}
.c-2-4 {
	width: 90%;
}

.grid .item.center [class^='c-'] {
	text-align: left;
	margin: 0 auto;
}
.grid .item.center [class^='c-']:last-child {
	text-align: left;
	margin: 0 auto !important;
}
.grid .item.center [class^='c-'].center {
	text-align: center;
}
.grid .item [class^='c-'].notopspace {
	padding-top: 0 !important
}
.grid .item [class^='c'].nobottomspace {
	padding-bottom: 0 !important
}
@media only screen and (min-width: 19.875em) { 
	.grid .item [class^='c-'] { 
		display: block;
    	padding: 1rem 0 1rem 0;
	}
	.grid .item [class^='c'].notopspace {
		padding-top: 0 !important
	}
	.grid .item [class^='c'].nobottomspace {
		padding-bottom: 0 !important
	}
	.c-1, .c-2, .c-3, .c-4, .c-5, .c-2-3 {
		width: 100%;
	}
	.c-2-4 {
		width: 99%;
	}
}
@media only screen and (min-width: 25.813em) { 
	
}
@media only screen and (min-width: 41.62em) { 
	
	.grid.mobilefullwidth  { 
		width: 90% !important;
		max-width: 90% !!important;
	}
	.grid .item [class^='c-'] { 
		display: inline-block;
    	padding: 2rem 0 2rem 0;
	}
	.grid .item [class^='c-'].notopspace {
		padding-top: 0 !important
	}
	.grid .item [class^='c'].nobottomspace {
		padding-bottom: 0 !important
	}
	.c-1 {
		width: 100%;
	}
	.c-2 {
		width: 47.25%;
	}
	.c-3 {
		width: 29.65%;
	}
	.c-4 {
		width: 20.85%;
	}
	.c-5 {
		width: 15.65%;
	}
	.c-2-3 {
		width: 64.85%;
	}
	.c-2-4 {
		width: 85%;
	}	
}
@media only screen and (min-width: 61.250em) { 
	.grid .item [class^='c-'] { 
		display: inline-block;
    	padding: 2rem 0 2rem 0;
	}
	.grid .item [class^='c-'].notopspace {
		padding-top: 0 !important
	}
	.grid .item [class^='c-'].nobottomspace {
		padding-bottom: 0 !important
	}
}
@media only screen and (min-width: 80.000em) {
	.grid { 
		width: 85%;
		max-width: 85%;
	}
	.grid.mobilefullwidth { 
		width: 85% !important;
		max-width: 85% !!important;
	}
}
@media only screen and (min-width: 87.500em) { 
	.grid { 
		width: 80%;
		max-width: 80%;
	}
	.grid.mobilefullwidth { 
		width: 80% !important;
		max-width: 80% !!important;
	}
}