html {
  scroll-behavior: smooth; }

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


  .logo-image{
    width: 151px;
    height: 34px;
    border-radius: 0%;
    margin-top: 0px;
    background: url("../img/full_trans.png") no-repeat;
    background-size: 151px 34px;
  }

  /*.navbar:not(.logo-image-collapse) {
    width: 240px;
    height: 50px;
    border-radius: 0%;
    margin-top: 0px;
    background: url("../img/full_trans.PNG") no-repeat;
    background-size: 235px 50px;
}*/
/*
.logo-image-collapse{
    width: 50px;
    height: 50px;
    border-radius: 0%;
    margin-top: 0px;
    background: url("../img/Logo2.PNG") no-repeat;
    background-size: 50px 50px;
}
*/
.top-nav-collapse {
  background-color: #0B3845 !important; 
}

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

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #0B3845 !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, #0B3845, rgba(42, 157, 143, 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; }