/* Reset básico */
*,
*::before,
*::after { box-sizing: border-box; margin:0; padding:0; }

html, body { height:100%; }
body {
    font-family: 'Open Sans', sans-serif;
    background:#f8f9fa;
            max-width: 600px;
            margin: auto;
            max-width: 600px;
            margin: auto;
}
header { 
    text-align:center; 
    padding:1rem; 
}
footer { text-align:center; margin-top:2rem; color:#6c757d; }

/* Form */
#form .col-md-6 {
    display:block !important;
    max-width:48%; 
    margin-bottom:1.5rem;
}
#form input, #form select, #form textarea,
#form button { width:100% !important; border-radius:4px; }

/* Listado */
table { width:100%; }
th { text-align:left; font-weight:600; padding:.5rem; background:#3498db; color:#fff; }
td { padding:.5rem .75rem; line-height:1.4; }
tr:nth-child(even) { background:#e2f0f9; }

/* Botones */
.btn-sm {
    font-size:.875rem;
}
@media (max-width:600px) {
    #form input, #form select, #form textarea,
    #form button { max-width:100%; width:100% !important; }
}