.l-box {
    padding: 0.5em 2em;
}

.centered-row {
    margin: 0 auto;
    /* Why is max-width set in the pure pricing example? */
    max-width: 980px;
}

.header {
    text-align: center;
    margin-bottom: 3em;
}

.footer-menu {
    text-align: center;
    margin-bottom: 3em;
}

/* Copied from http://purecss.io/buttons/ */
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.error-message {
    color: red;
    font-weight: bold;
}

#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE 8 & 9 (more valid) */
}

.stretch {
    width:100%;
    height:100%;
}

h1 {
	color: red;
}