Дмитрий Баракин

К классам
.tel
и
.exit
добавьте:
vertical-align: middle;

Проблема решилась путём добавления заголовка:
Response.AppendHeader("Accept-Ranges", "bytes");

Итого метод теперь такой:

public FileResult StreamTrack(int VoiceId)
{
        Response.AppendHeader("Accept-Ranges", "bytes");
        var file = repo.StreamTrack(Response, VoiceId);
        return File(file.ToArray(), "audio/mpeg");
}

Для body применяем следующее:

background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 50%, #f4f4f4 50%);
background: -webkit-linear-gradient(left, #ffffff 50%,#f4f4f4 50%);
background: linear-gradient(to right, #ffffff 50%,#f4f4f4 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );

Для контейнера с основным контентом (новостные блоки, верхняя картинка и т.д.) ставим
background-color: #fff;

а для контейнера с сайдбаром... ничего не ставим :) (то есть он прозрачен)

Код ниже работает при подключенном JQuery

HTML:

<div id="timerBlock">
        <p>Ожидайте <span class="seconds">10</span> секунд</p>
    </div>

JavaScript:

var timerBlock = $('.seconds');
var num = 10; //количество секунд

var index = num;
var timerId = setInterval(function() {
  timerBlock.html(--index);
}, 1000);

setTimeout(function() {
  clearInterval(timerId);
  $('#timerBlock').html('<button>hello!</button>')
}, num*1000);

Возможно решение не совсем то, которое вы ожидали (я это говорю, потому что пришлось использовать flex), но все же:

.menu-layer {
	height: 40px;
	width: 100%;
	max-width: 1200px;
	background: #575c62;
}

ul.menu li a{
 display: block;
 padding: 10px 0;
 text-decoration: none;
 font-weight: bold;
 font-size: 16px;
 color: white;
}

ul.menu {
  display: flex;
  padding: 0;
}

 ul.menu li {
  text-align: center;
  flex: 1 0;
  display: inline-block;
}