/* general */

body {
font: 300 20px/1.6 'Roboto', sans-serif;
}

.header a:link, .header a:visited, .header a:active, .header a:hover{
    color:black;
    text-decoration: none;
position:relative;
}

.container {
padding: 0 15px;
margin: 0 auto;
max-width: 100%;
}

.testing {
position:absolute;
top:0;
right:0;}

h2 {
font-size: 40px;
font-weight: 500;
text-transform: uppercase;
}

/* flight status */
.flightStatus {
text-align: center;
width: 100%;
background: #f9f9f9;
}

table {
display: table;
width: 100%;
}

th {
text-transform: uppercase;
background: #e4e4e4;
font-weight: 500;
}

.flightStatus th,
.flightStatus td {
padding: 6px;
text-align: left;
vertical-align: middle;
}

td {
border-bottom: 1px solid #ddd;
}

.status {
background: #2ecc71;
color: #fff;
}

.status.cancelled {
background: #e74c3c
}

.status.onTime {
background: #ecf0f1;
color: #333;
}

.status.delayed {
background: #f39c12
}

.clock {
color: #fff;
}