<footer>height: 400px. Этой высоты блока не хватает для текста. Сделайте height: auto 
...по ряду причин которые лень объяснять... приходиться скачивать их и кидать в папку с установленной программой...
@media screen and (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
font-weight: bold;
color: #af8337;
}
}<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<h1 class="custom-colored-h1">Заголовок</h1>.custom-colored-h1
{
color: #AF3535;
}
кнопка "Save as" 
