Bootstrap 4. Не работает стили с index.css

Стили с моего index.css работают некорректно. Точнее, заданные стили стандартным тегам HTML работают, но, например, у меня есть id #contacts и стили заданные ему не отображаются даже в стилях хрома.

Вот код: подключение bootstrap

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

Подключение index.css (ниже на пару строчек)

<link href="styles/index.css" rel="stylesheet">

P.S. !important не помогает Пример index.html

<footer style="background-color: aqua;">
    <div class="container" id="contacts">
        <div class="row">
            <div class="col-md-6 col-sm-4">
                <img border="0" src="resourses/ico-pntu.ico" alt="logo_univer">
            </div>
            <div class="col-md-6 col-sm-8">
                <ul>
                    <li style="list-style-type:none; text-align: center;"><h4>Контакти</h4></li>
                    <li><strong>АДРЕСА:</strong> м. Полтава, Першотравневий проспект, 24. Корпус Ф, к.121, 122, 123</li>
                    <li><strong>ТЕЛ:</strong> (053)227-38-57</li>
                </ul>
            </div>
        </div>
    </div>
</footer>

Пример index.css

#contacts {
    font-family: monospace !important;
}

в итоге шрифт в теге c id contacts не изменяется