.flexbox {
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: flex-start ;
	align-items: center ;
	align-content: center ;
	margin: 10px
}

.block {
    background: rgba(0, 0, 0, .34);
    padding: 10px;
    color: #fff;
    margin: 3px
}

.block:before {
    font-weight: 700;
    #color: #00b5ca;
	color: #00ffaa;
    text-transform: uppercase
}

.block:after {
	color: hsla(0, 0%, 100%, .6)
}

.heading:before {
    content: 'Hdg: '
}

.heading:after {
    content: '°'
}

.altitude:before {
    content: 'Alt: '
}

.altitude:after {
    content: ' ft'
}

.speed:before {
    content: 'G/S: '
}

.speed:after {
    content: ' kts'
}

.vs:before {
    content: 'V/S: '
}

.vs:after {
    content: ' fpm'
}

.gf:before {
    content: 'G: '
}

.aoa:before {
    text-transform: lowercase;
    content: 'α: '
}

.aoa:after {
    content: '°'
}