h4, .h4 {
  font-family: 'Open Sans', sans-serif!important;
  text-transform: normal!important;
  font-weight: normal!important;
}
  .home .entry-header {
display: none;
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
    color: #564233;
    opacity: 1;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 10px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #16758E;
    opacity: 0.75;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    background-color: #16758E;
    opacity: 1;
  color: #ffffff;
  border-radius: 25px;
}
.top-info {
 text-align: center;
  width: 300px;
  margin: 0 auto;
  background-color: #E84B0D;
    color: #ffffff;
    height: 100px;
    padding-top: 20px;
}
.top-info a {
 color: #ffffff; 
}
.navbar-collapse {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-positive: auto;
    flex-grow: 0;
    -ms-flex-align: center;
    align-items: center;
}
.navbar {
    padding: 0 20px;
}
.home .mt-3r {
    margin-top: 0;
}
.home .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px;
}
.home .page-content, .home .entry-content, .home .entry-summary {
    margin: 0 0 0;
}
.white p, .white h1, .white h2, .white h3, .white h4 {
 color: #ffffff; 
}
h1 span, h2 span, h3 span, h4 span, p span {
 color: #E84B0D;
}
.entry-footer {
 display: none; 
}
.hentry {
    margin: 0 0 0;
}
.site-info {
  background-color: #085b6d;
padding: 20px 0;
  margin-top: 50px;
  font-size: 12px;
}
.site-info .sharkmatic span {
  color: #E84B0D;
}
.site-footer {
    padding-top: 60px;
    padding-bottom: 0px;
}
.entry-header {
 text-align: center; 
  padding: 60px;
}
.entry-header .entry-title {
     border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0 25px 15px 25px;
    display: inline-block;
}
.custom-logo {
    padding-top:3px;
    padding-bottom:3px;
}

/*------------------------------------*\          
# RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:767px) {
.custom-logo {
    padding: 15px 0;
    height: 100px!important;
  }
  .top-info {
   margin: 0 0 15px 0; 
  }
  h1, .h1 {
    font-size: 30px;
}
.logo {
    display: block;
    width: 100%;
    text-align: center;
}
  .top-info {
    display: block;
    width: 100%;
    text-align: center;
}
  .footer-widgets .col {
   width: 100%;
    min-width: 100%;
    display: block;
  }
  .no-background .upb_row_bg {
    display: none;
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {

}

@media only screen and (min-width:992px) and (max-width:1199px){

}

@media only screen and (max-width:1200px) {
	
}