body, figure {margin: 0;}
.centered {text-align: center;} 
.text-left {text-align: left;} .text-right {text-align: right;}
.float-left {float: left;} .float-right {float: right;}

.hidden {display: none;}
.container {max-width: 1600px; margin: 0px auto; padding: 10px 20px;}
.container-mid {max-width: 960px; margin: 0 auto;}
.row {}
@media (min-width: 768px) {
	.row>div {float: left;}
	.row .col-1-2 {width: 50%;}
	.row .col-1-3 {width: 33.33%;}
	.row .col-2-3 {width: 66.66%;}
	.row .col-1-4 {width: 25.00%;}
	.row .col-3-4 {width: 75.00%;}
	.row:after {clear: both; display: block; content: "";}
	.container {padding: 10px 40px;}
}
.main-area {min-height: calc(100vh - 512px); padding-bottom: 60px;}
.top-0 {margin-top: 0;}

.grid {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}
.grid-left {justify-content: left;}
.grid>div {}

ul.inline {list-style-type: none; margin: 0;}
ul.inline li {display: inline-block; padding-left: 0;}
.unlink a {text-decoration: none; color: inherit;}
.unlink a:hover {text-decoration: underline; color: inherit;}

.btn-container {text-align: center; padding-top: 20px; padding-bottom: 30px;}
.btn {display: inline-block; text-decoration: none; padding: 8px 16px;}
.btn-large {font-size: 20px; padding: 18px 48px;}
input::placeholder {color: #aaa;}