/* Outcomes */
.outcomes table {
    margin: 1.5em 0 0 0;
    width: 100%;
}
.outcomes table tr.-spacer {
    height: 1em;
}
.outcomes table tr > th:nth-child(1) {
    width: 20%;
    vertical-align: top;
}
.outcomes table tr:nth-child(1) > td:nth-child(2) {
    font-weight: bold;
}
.outcomes table tr:nth-child(n+2) > td {
    background-color: transparent;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    padding: 6px;
    border: 0;
}
.outcomes table tr:nth-child(n+2) > th {
    background-color: transparent;
    text-align: right;
    font-weight: normal;
    font-style: italic;
    padding: 6px;
    border: 0;
}
@media only screen and (max-width: 480px) {
    .outcomes {
        font-size: 80%;
    }
}
/* new outcomes layout using grid */
.outcomes .grid2 {
    margin: 1.5em 0 0 0;
}
.outcomes .grid2 .row2 > .col2:nth-child(1) > div {
    vertical-align: top;
}
.outcomes .grid2 .row2:nth-child(1) {
    border-bottom: 1px #BBB solid;
    background-color: #E6ECFA;
}
.outcomes .grid2 .row2:nth-child(1) .content {
    padding: 0.3em;
    font-weight: bold;
}
.outcomes .grid2 .row2:nth-child(1) .col2:nth-child(1) .content {
    text-align: right;
}
.outcomes .grid2 .row2:nth-child(n+2) > .col2 > div {
    background-color: transparent;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    padding: 6px;
    border: 0;
}
.outcomes .grid2 .row2:nth-child(n+2) > .col2:nth-child(1) > div {
    background-color: transparent;
    text-align: right;
    font-weight: normal;
    font-style: italic;
    padding: 6px;
    border: 0;
}
@media only screen and (max-width: 480px) {
    .outcomes .grid2 .row2:nth-child(1) .col2:nth-child(1) .content,
    .outcomes .grid2 .row2:nth-child(n+2) .col2:nth-child(1) .content {
        text-align: left;
        border-bottom: 1px #BBB solid;
        background-color: #E6ECFA;
    }
}