/* Base styles */
/* ---------------------------------------------------------- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font: 13px sans-serif;
    color: #333;
}


/* Layout */
/* ---------------------------------------------------------- */
.has-separator:before {
    content: "";
    background: url(/images/cards/separator.png) center / 100% 100%;
    height: 32px;
    margin: 20px 0;
    width: 100%;
    max-width: 900px;
    display: block;
    filter: grayscale(.6);
}
.column-layout.has-separator {
    flex-wrap: wrap;
}
@media (min-width: 769px) {
    .has-separator:before {
        margin: 30px auto;
    }
}
@media (min-width: 1440px) {
    .has-separator:before {
        transform: scale(1.5);
    }
}


/* System messages */
/* ---------------------------------------------------------- */
.message {
    line-height: 18px;
    background-color: #ff0052;
    padding: 20px;
    border-radius: 3px;
    color: white;
}