.rules-page {
    width: 95%;
    max-width: 540px;
    margin: 0 0 1rem 0;
    padding: .5rem;
}

.rule-item {
    margin-bottom: 1rem;
}

.rule-content {
    margin: .2rem 0;
    white-space: pre-line;
}

@media screen and (min-width: 768px) {
    .rules-page {
        width: 70%;
    }
}