我的部分CSS没有被应用

Question

最初我的CSS在这个特定的部分工作得很好但是由于某种原因，我无法弄清楚我的CSS没有被处理到浏览器中，但是那个样式表中的所有其他CSS都很好。我知道必须有一个错误，但我不确定是什么，我希望能用一双新鲜的眼睛来帮助我。

这就是我所看到的：

<div id="service-contact-wrap">
  <div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div id="service-contact">
                <div class="service-contact-details">
                    <h3>Work With Me</h3>
                    <p>Please give me a call or use the contact form below</p>
                    <p class="service-contact-details-phone"> <a href="tel:000000 000000"> 000000 000000</a></p>
                </div>
                <?php echo do_shortcode("[contact-form-7 id='108' title='Contact form footer']"); ?>
            </div>
        </div>
    </div>
</div>

/* Service Bottom Page Contact Form */
#service-contact-wrap {
    width: 100%;
    background-color: #005E86;
    color: #fff;
    margin-top: 20px;
    margin-bottom: -15px;
    margin-top: 15px;
}

#services-header {
    font-size: 22px;
    margin-top: 0px;
}

.service-contact-details {
    text-align: center;
}

.service-contact-details h3 {
    font-size: 2.5em;
margin-top: 54px;
}

.service-contact-details p {
    color: #fff;
    font-size: 16px;
}

.service-contact-details-phone {
    font-size: 22px !important;
}

#service-contact {
    padding-bottom: 20px;
}

.form-control {
    max-width: 100%;
}

.service-contact-form-botton {
    margin-right: auto;
    margin-left: auto;
}