body {
    color: #383a3d;
}

header {
    border-bottom: 5px solid #911A31;
    background-color: #AF1E3A;
    padding: 32px 0 6px 0;
    margin-bottom: 30px;
}

header h1 {
    font-size: 3em;
}

h1,
h2,
h3 {
    font-weight: normal;
}

h1 a,
h1 a:hover,
h1 a:focus {
    color: #efefef;
    text-decoration: none;
}

.text-disabled {
    color: #ddd;
}

.journey-line {
    padding: 0.2em 0.4em;
    font-size: 80%;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
}

.table tbody + tbody {
    border-top: 0;
}

.table tbody tr:hover td {
    background-color: inherit;
}

.table th {
    font-weight: normal;
}

.table tr.connection {
    cursor: pointer;
}

.table tr.section {
    background-color: #f5f5f5;
    cursor: default;
}

.table tr.section a {
    color: #383A3D;
}

#stationboard-map {
    width: 90%;
    height: 600px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    body {
        padding-bottom: 30px;
    }

    form {
        margin-bottom: 8px;
    }

    p:first-child {
        margin-top: 30px;
    }

    div.footer {
        padding-top: 5px;
    }

    .form-query {
        background-color: #efefef;
        padding-top: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
    }

    #stationboard-map {
        width: 100%;
        height: 130px;
    }
}