body, p, a, th, td, li, label, input, textarea, select {
    font-family: 'Rubik', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Baloo', cursive;
}

#header {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    border-bottom: 1px solid #000;
}

#body {

}

#footer {
    width: 100%;
    border-top: 1px solid #000;

    font-size: 0.8em;
    text-align: center;
}

label {
    font-weight: bold;
}

#loading {
    text-align: center;
    padding: 3em;
    display: none;
}

#info {

}

#sub-items {

}

#editor {
    display: none;
}

.caution {
   color: rgb(202, 60, 60);
}

.form-error, .form_error {
    color: #f00;
}

@media (min-width: 768px) {
    /* medium (md) devices */
    #body {
        width: 95%;
        margin: auto;
    }
}

@media (min-width: 1024px) {
    /* large (lg) devices */
    #body {
        width: 80%;
        margin: auto;
    }
}

@media (min-width: 1280px) {
    /* extra large (xl) devices */

}