body { font-family: sans-serif; text-align: center; margin: 0; font-size: 16px }
.smooth { transition: all .2s }
hr { margin: 2.5em auto }
hr.mediumwidth { margin: 2.5em auto }
.mediumwidth { font-size: 16px; width: 40%; margin-left: 30%; margin-top: .3em; margin-bottom: .3em }
@media(max-width:870px) {
	.mediumwidth { width: 70%; margin-left: 15% }
	.row [class*='c'] { width: 100%; display: block; margin: 1% auto }
	.row:last-child column { margin-bottom: 2.5em }
}
@media(max-width:520px) {
	.mediumwidth { width: 100%; margin-left: 0 }
	hr.mediumwidth { width: auto }
}
.row { line-height: 2em; margin-top: 2%; overflow: auto }
.col { float: left; margin: auto 1% }
.ie .col { margin: auto .7% }
.c10 { width: 98% }
.c9 { width: 88% }
.c8 { width: 78% }
.c7 { width: 68% }
.c6 { width: 58% }
.c5 { width: 48% }
.c4 { width: 38% }
.c3 { width: 28% }
.c2 { width: 18% }
.c1 { width: 8% }
.ie .mediumwidth { width: 70%; margin-left: 0 }
.ie .mediumwidth hr { margin: 100px auto; padding-left: 200px }