Hi Friends, 

I am stuck on what seems like a pretty trivial problem. I have an LWC meant to display on a Lightning App Page. So I can't get the field values by importing (get record)

This component fetches the value of a single record and then I want to display field values in the HTML. But when I load the page. I get an error that the field is undefined. 

If anyone would be kind enough to take a look I would be grateful. ​​​​​

HTML

<template>
    <lightning-card title="Overall Benchmark Values">

        <p>Program Delivery Rate <span>{benchmarks.Program_Mean_Delivery_Rate__c}%</span></p>
    </lightning-card>
</template>

import {LightningElement, wire, track} from 'lwc';
import getBenchmarkValues from '@salesforce/apex/BenchmarksSelector.getOverAllBenchmarks';

export default class OverAllBenchmarks extends LightningElement {
    @track benchMarks;

    @wire(getBenchmarkValues)wiredBenchmark({data, error}){
        if(data){this.benchMarks = data}
        console.log(data);
        console.log(this.benchMarks);
    }
}

@AuraEnabled(cacheable=true)
	public static BenchMarks__c getOverAllBenchmarks(){
		BenchMarks__c benchMarks = [SELECT Program_Mean_Delivery_Rate__c FROM BenchMarks__c LIMIT 1];
		return benchMarks;
	}