How to change font-weight in Jumbotron Bootstrap 3

Question

How do I change the font weight of the .jumbotron and paragraphs in .jumbotron? I do not want my font-weight so big.

HTML:

<header>
    <div class="container-fluid landing-page">
        <div class="jumbotron vertical-center">
            <h1>Embroider<span class="eze">eze</span></h1>
            <p>Branding <span class="eze">&#9679;</span> Promotional Items <span class="eze">&#9679;</span> Reflective Tape <span class="eze">&#9679;</span> Gifts</p>
        </div>
    </div>
</header>

CSS:

.jumbotron {
    color: #dbdbdb;
    background-color: transparent;
    text-align: center;
    margin-top: 300px;
    font-weight: 200;
}

Also, font size changes do not work.

Answer 1

By Default, bootstrap has some styles for h1 and P. If you want to override try with this

.jumbotron h1{

font-weight: 800;

}

.jumbotron p{

font-weight: 800;

}