html {
  scroll-behavior: smooth; }

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

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

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

@media (min-width: 768px) {
  .h1-responsive {
    width: 700px;
  }
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #3949ab !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(42, 27, 161, 0.7);
  background: linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 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; }

.logo-holder {
 margin-right:7px;
}

.logo {
  width: 60px;
}

#navbarContent {
  position: relative
}

.contact-phone {
  position: absolute;
  left: 64%;
  width: 250px;
  top: -16px;
  color: #fff;
  float:right;
}

.logo-bg {
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1
}

.relative {
  position: relative;
}

.carousel-inner {
  width: 100%;
  overflow: hidden;
  max-height: 500px;
  margin: 0 auto;
  margin-bottom:20px;
}

.carousel-caulking {
  max-height: 500px;
}

.grey-text {
    text-align: justify;
}
#intro .h6 {
    text-align: justify;
}