Div открывается по 2х клику

У меня есть код:

<div class="car">car</div> <button onclick="f1()">Close/Open</button>

function f1() {
    var a = document.getElementsByClassName("car")[0];
    display = a.style.display;
    if (display == "none") {
        a.style.display = "block";
    } else {
        a.style.display = "none";
    }
}

В css я прописал .car{ display: none;} По этому див car открывается только со 2-го раза, я конечно знаю что можно в html сразу в тег задать style="display: none" но в моей ситуации сделать это я не могу, (делаю проект в котором при большом экране див открыт а при маленьком закрыт и можно его открыть только с помощью нажатия на кнопку) Буду благодарен за ответ.