/* Your custom css code goes here */



hr {
    display: block;
    height: 0px;
    border: 0;
    border-top: 3px solid #F3802B;
    margin: 0em 10em 0 10em;
    padding: 0;
}

h1{
    padding-left: 10px;
}

.probootstrap-hero .probootstrap-slider-text h1 span {
    padding-left: 5px;
}

.orange-transparent-button {
  background:rgba(243, 128, 43, .85) !important;
}


.probootstrap-service-intro .probootstrap-service-intro-flex .item {
    background: rgba(243, 128, 43, .85);
}

@media screen and (max-width: 768px) .probootstrap-hero {
    background-position: inherit !important; 
}

@media screen and (min-width: 769px)
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -10px;
}