html {
  scroll-behavior: smooth; }

#intro {
  background: url("../img/panorama-3094696_1920.jpg") no-repeat center center;
  background-size: cover; }

.top-nav-collapse {
  background-color: #CA6A2C !important; }

.navbar:not(.top-nav-collapse) {
  background: transparent !important; }

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #CA6A2C !important; } }

#intro .h6 {
  font-weight: 300;
  line-height: 1.7; }

.site-bg-img {
  height: 100vh;
  min-height: 480px;
  max-height: 1080px; }

.hm-gradient .site-bg-img {
  /*background: rgba(77, 116, 172, 0.7);*/
  /*background: linear-gradient(45deg, rgba(77, 116, 172, 0.7), rgba(164, 181, 218, 0.7) 100%); }*/
  background: rgba(202, 106, 44, 0.7);
  background: linear-gradient(45deg, rgba(202, 106, 44, 0.7), rgba(238, 221, 209, 0.7) 100%);
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem; } }

#pricing .lead {
  opacity: 0.7; }

#pricing .card-image {
  background: url("../img/architecture.jpg") no-repeat center center; }

#pricing ul li {
  font-size: 1.1em; }

.cond10-menu-item {
  color: black !important;
  font-weight: bolder !important;
}

.banner-cond10-serv {
  height: 100%;
  background-color: #A4B5DA;
}