.layout-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
footer {
    margin-top: auto;
}
.region-header {
    padding: 1em 0 0;
}
.region-primary-menu {
    margin: 0.5em 0 1em;
}
.region-primary-menu, .region-footer {
    background: var(--color--black);
    padding: 8px 0;
}
.page-title, .block-unplayed-games-block {
    text-align: center;
}
.decathlon-contest-form .item-list, .decathlon-contest-form .form-item, .node-bonus-form {
    text-align: center;
}
.node-bonus-form label {
    display: block;
    margin: 10px 0;
}
.node-bonus-form .field--name-field-comment input {
    height: 150px;
    margin: 0 auto;
}
.decathlon-contest-form ul, .decathlon-edit-contest-form ul {
    list-style-type: none;
}
.decathlon-contest-form .item-list li {
    margin-left: 0;
    font-size: 120%;
}
.config-container {
    text-align: center;
}
.config-grid {
    grid-template-columns: repeat(1, 1fr);
}
.config-container .config-block {
    margin: 2rem 0 3rem;
}
.config-container .config-name {
    font-family: Copperplate Gothic Light;
    font-weight: lighter;
    text-transform: uppercase;
}
.config-grid ul {
    list-style-type: none;
}
.config-grid li {
    text-align: center;
}
.config-grid .config-item {
    background: var(--color--gray-100);
    width: 300px;
    height: auto;
    margin: 5px auto;
    padding: 10px 80px;
    font-size: 80%;
}
.config-grid .config-item-large {
    padding: 50px 80px;
    font-size: 150%;
}
@media (max-width: 1080px) {
    .config-grid .config-item {
	width: 90%;
	padding: 10px 0;
    }
    .config-grid .config-item-large {
	padding: 50px 0;
    }
}
.manage-list {
    text-align: center;
    padding: 1rem 0;
    background: var(--color--gray-95);
}
.manage-list .list-grid {
    max-width: 50%;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.decathlon-event-selector-form, #decathlon-players-form, .dpi-form, .view-manage-events {
    width: 80%;
    margin: 0 auto;
    border: none;
    background: var(--color--gray-95);
}
.dpi-form .form-type-number {
    margin: 1em 0;
    width: 200px;
}
.dpi-form .form-type-number input {
    text-align: center;
    float: right;
}
#decathlon-players-form .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
}
#decathlon-players-form .form-item {
    flex: 30%;
    margin: 0;
    padding: 2px 0 2px 5px;
}
@media (max-width: 670px) {
    #decathlon-players-form, .dpi-form, .view-manage-events {
	width: 98%;
    }
    #decathlon-players-form .form-item {
	flex: 48%;
    }
    .dpi-form .details-wrapper {
	grid-template-columns: repeat(3, 1fr);
    }
}
#user-login-form {
    width: 95%;
    margin: 0 auto;
}
#user-login-form input {
    width: 95%;
}
.pie-chart {
    width: 80%;
    margin: 1em auto;
    background: var(--color--gray-95);
}
.pie-chart table {
    margin: 0 auto;
    padding: 1em 0 0;
}
.pie-chart table caption {
    padding: 1em 0 0;
}
.pie-chart table td {
    width: 15%;
    text-align: center;
}