Trying to change the style of the header for the other pages on my website

Trying to alter the header template for the other pages on the website but not sure how to do that. Really all I want is for the header of the page to be underneath the header photo with the breadcrumb underneath that similar to this one (if you go to "About Us") http://preview.themeforest.net/item/industrial-and-engineering/full_screen_preview/19013654?_ga=2.241886977.2083560788.1554387032-1316791551.1554387032 my website is http://www.stephensengineering.com/stephens33/about/

/* ==============================
  15. Inner Banner styles
============================== */

.inner-banner {
    padding-top: 126px;
    padding-bottom: 83px;
    background: #13314c url(../images/about/banner.jpg) center center no-repeat;
    background-size: cover;
}
.inner-banner h2 {
    font: 600 2.4em/1em "Alegreya", serif;
    text-transform: uppercase;
    color: #fff;
}
.inner-banner h2:after {
    content: '';
    background: #e6ab0c;
    width: 50px;
    height: 4px;
    margin-left: 10px;
    display: inline-block;
}
.inner-banner ul.breadcumb li {
    display: inline-block;
    margin-left: 6px;
}
.inner-banner ul.breadcumb li:last-child a:after,
.inner-banner ul.breadcumb li:last-child span:after {
    display: none;
}
.inner-banner ul.breadcumb li a {
    display: inline-block;
    color: #20bcd4;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}
.inner-banner ul.breadcumb li span {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}
.inner-banner ul.breadcumb li a i,
.inner-banner ul.breadcumb li span i {
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}
.inner-banner ul.breadcumb li a:after,
.inner-banner ul.breadcumb li span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 13px;
    margin-left: 7px;
}
.inner-banner2 {
    padding-top: 75px;
    padding-bottom: 80px;
    background-size: cover;
}
.inner-banner2 h2 {
    font: 600 38px 'Montserrat', sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.breadcumb-wrapper {
    background: #f2f4f6;
    border-bottom: 1px solid #e6e8e9;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
}
.breadcumb-wrapper ul.breadcumb li {
    display: inline-block;
    margin-left: 6px;
}
.breadcumb-wrapper ul.breadcumb li:last-child a:after,
.breadcumb-wrapper ul.breadcumb li:last-child span:after {
    display: none;
}
.breadcumb-wrapper ul.breadcumb li a {
    display: inline-block;
    color: #20bcd4;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}
.breadcumb-wrapper ul.breadcumb li span {
    display: inline-block;
    color: #909aa2;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}
.breadcumb-wrapper ul.breadcumb li a i,
.breadcumb-wrapper ul.breadcumb li span i {
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}
.breadcumb-wrapper ul.breadcumb li a:after,
.breadcumb-wrapper ul.breadcumb li span:after {
    content: '\f105';
    display: inline-block;
    font-family: 'FontAwesome';
    color: #909aa2;
    font-size: 13px;
    margin-left: 13px;
}