body {
    max-width: 1000px;
    margin: 2em auto;
}
table.crewTable {
    border-collapse: collapse;
    width: 100%;
}

table.crewTable td,
table.crewTable th {
    border: 1px solid #000000;
    text-align: left;
    padding: 8px;
}

table#checkout-table {
    width: 100%;
    margin: 5px;
    outline: black solid 1px;

}

table#checkout-table th {
    outline: black solid 1px;
}

table#checkout-table td {
    outline: black solid 1px;
    padding: 5px;
}

.cards {
    flex-direction: row;
    flex-wrap: wrap;
}

.checkout-card{
    max-width: 350px;
    margin: 1em;
    padding:1em;
    border: 1px black solid;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 250px;
}

.checkout-card > * {
    margin:0.25em;
}

.checkout-card form input {
    margin:auto;
    max-width: 100px;
}

.formEntry {
    margin: 1em;
}
.formEntry label {
    /*padding: 1em;*/
    margin: 1em;
}
.formEntry input {
    margin: 1em;
    padding: 5px;
}

.formEntry > input[type=radio] {
    display:none;
}

.formEntry select {
    margin: 1em 1.5em;
    padding: 5px;
}

.formEntry#submit {
    flex-basis: 100%;
}

.formEntry#submit input {
    max-width: 12em;
}

#radio-buttons input[type=radio] + label {
    border: 1px solid black;
    border-radius: 3px;
    transition: all 200ms ease-out;
    padding: 5px;
}

#radio-buttons input[type=radio]:checked + label {
    box-shadow: 0 0 6px rgba(35, 173, 278, 1);
    background: #bbdeff
}

#radio-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-flow: flex-start;

}

/* Stylings for desktop */
@media only screen and (min-width: 1024px) {
    form {
        display: flex;
        flex-flow: row wrap;
    }
}