Not all Styles from style.css are Loading

Hi all,

I just started working with wordpress yesterday and am enjoying a nice break of creating everything from scratch. I have ran into a snag with the css though. I am currently adding css to the bottom of my style.css file but not all of it is being loaded on my site.

I have tripple checked for typos, ran it through a css validator, and don’t believe it is a linking issue since some of the css is showing and others aren’t. I am able to edit the elements using jQuery fine, but doing that for every element is tedious, not to mention bad practice.

This is all the css I’ve tried to add:

.title_sub_heading {
  font-size: 26px;
  color: #34d293;
}

.title_sub_heading > span#sub_heading_amp {
  font-size: 26px;
  color: #FFF;
}

h1.intro-text {
  color: #FFF;
}

div#main-nav {
    min-height: 50px !important;
    background: rgba(0, 0, 0, 0.28) !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
    padding: 0;
    line-height: 10px;
}

section#aboutus .section-legend {
  color: #34d293;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #34d293;
}
#aboutus div.big-intro {
  color: #cb4332;
}

This is the only css that is loading though when I check the sources in my google chrome tools:

.title_sub_heading {
  font-size: 26px;
  color: #34d293;
}

.title_sub_heading > span#sub_heading_amp {
  font-size: 26px;
  color: #FFF;
}

h1.intro-text {
  color: #FFF;
}

#main-nav {
    min-height: 50px !important;
    background: rgba(0, 0, 0, 0.28) !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
    padding: 0;
    line-height: 10px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #34d293;
}

Here is the link to the site if that will help:

http://matthewlepley.me/

Let me know if you need more information, and thanks in advance!

Happy Coding,
Matt