body {
    padding:0;
    margin:0;
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
}

h5 {
    margin-top:-20px;
    margin-bottom:50px;
}

#chart_temp, #chart_press {
    margin:auto;
    background-color: white;
}

.outer {
    display:flex;
    justify-content:center;
}

#measurements {
    text-align:left;
}

.header {
    width:100%;
    background-color:teal;
    text-align: center;
    color:white;
    padding:5px;
    margin-bottom:80px;
}

.footer {
    padding:50px;
    display: flex;
    align-items:center;
    justify-content: center;
}

/* Simple flex grid */
.flex-grid {
  display: flex;
}

.col {
    flex: 1;
}

@media (max-width: 576px) {
  .flex-grid {
    display: block;
  }
}

.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}

.flex-grid-thirds .col {
    width: 32%;
}