Как сделать поля резиновыми и одинаковой ширины?

Есть форма. Сейчас Поля формы резиновые, и изменяют размер при изменении ширины окна. Но проблема в том, что ширина блока .input_block = (100% - 40px)/2. Из-за этого у нас ширина полей разная. Как сделать одинаковую ширину полей, оставив ширину label (она разная и левых и правых полей)?

Блок .input_block должен остаться. Из-за него и не могу понять, как сделать. Если бы его не было, то ширину поля можно было бы легко вычислить (от ширины формы отнять ширину правого и левого label и разделить на 2).

Пример на JSFiddle

CSS:

form {

    font-size: 0;

    line-height: 0;

    letter-spacing: -1px;

}



form .input_block {

	display: inline-block;

	vertical-align: top;

  width: calc((100% - 60px)/2);

}



form .input_block:nth-child(2n) {

	margin: 0 0 20px 40px;

}



form .input_block:last-child {

	margin: 0 0 0 40px;

}



form label {

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: normal;

}



form .input_block:nth-child(2n-1) label {

	width: 63px;

}



form .input_block:nth-child(2n) label {

	width: 77px;

}



form input {

  box-sizing: border-box;

	display: inline-block;

	vertical-align: top;

}



form .input_block:nth-child(2n-1) input {

    width: calc(100% - 63px);

}



form .input_block:nth-child(2n) input {

    width: calc(100% - 77px);

}

HTML:

<form action="#" method="php">

    

    <div class="input_block">

        <label>Имя: </label>

        <input type="text" name="login">

    </div>

    

    <div class="input_block">

        <label>Фамилия: </label>

        <input type="text" name="password">

    </div>

    

    <div class="input_block">

        <label>E-mail: </label>

        <input type="text" name="login">

    </div>

    

    <div class="input_block">

        <label>Телефон: </label>

        <input type="text" name="password">

    </div>

    

</form>