.container {
    position: relative;
}

.text-block-distance {
    position: absolute;
    top: 78px;
    right: 813px;
    width: 147px;
    height: 27px;
    color: white;
    background-color: #0066cc;
}

.text-block-boat {
    position: absolute;
    top: 114px;
    right: 813px;
    width: 147px;
    height: 27px;
    font-size: 11px;
    color: white;
    background-color: #0066cc;
}

.text-block-city {
    position: absolute;
    top: 147px;
    right: 813px;
    width: 147px;
    height: 27px;
    font-size: 11px;
    color: white;
    background-color: #0066cc;
}

.text-block-pm {
    position: absolute;
    top: 243px;
    right: 796px;
    color: #003399;
    font-weight: bold;
}

.text-block-nox {
    position: absolute;
    top: 311px;
    right: 796px;
    color: #003399;
    font-weight: bold;
}

.text-block-nh3 {
    position: absolute;
    top: 380px;
    right: 796px;
    color: #003399;
    font-weight: bold;
}

.text-block-so2 {
    position: absolute;
    top: 447px;
    right: 796px;
    color: #003399;
    font-weight: bold;
}

.text-block-hi {
    position: absolute;
    top: 590px;
    right: 762px;
    color: #003399;
    font-weight: bold;
}

.text-block-hc {
    position: absolute;
    top: 718px;
    right: 762px;
    color: #003399;
    font-weight: bold;
}

.text-block-cal {
    position: absolute;
    top: 774px;
    right: 835px;
    width: 143px; 
    border-radius: 15px;
    background-color: #0066cc;
    border-color: #0066cc;
}

.text-block-cal:hover {
    background-color: #003399;
    border-color: #003399;
}

.text-block-cal:focus {
    background-color: #003399;
    border-color: #003399;
}