/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #929FBA; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {

  .card-mobile-top {
    margin-top: 10px;
  }

  .main-text-holder {
    position: relative;
  }
  
  .main-text {
    position: absolute;
    top: -38px;
    left: 0px;
  }


  .mobile {
    display:block;
  }

  .desktop {
    display: none;
  } 

  .h1-responsive {
    font-size: 30px;
    margin-top: 30px;
  }

  .navbar {
    background-color: #929FBA; 
  } 
    
    header {
      max-height: 60%;
    }

    .header-text {
      text-align: justify;
    }

    .logo-title {
      font-size: 15px;
    }

    .navbar-brand img {
      width: 30px;
      margin-right: 12px;
    }


  }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #929FBA; }


  .view {
    background-repeat: no-repeat; 
    background-size: cover;
  }

  /* Adding css for desktop */
@media only screen and (min-width: 768px) {

  .mobile {
    display:none;
  }

  .desktop {
    display: block;
  } 

  .main-text-holder {
    position: relative;
  }
  
  .main-text {
    position: absolute;
    top: -129px;
    left: 100px;
  }

    .slide-view1 {
      background-image: url('/img/megaseal/background4.jpg'); 
    }
  
    .slide-view2 {
      background-image: url('/img/megaseal/building1.jpg');
    }
  
    .slide-view3 {
      background-image: url('/img/megaseal/background5.jpg')
    }

    .slide-view4 {
      background-image: url('/img/megaseal/background2.jpg')
    }

    .slide-view5 {
      background-image: url('/img/slide/5.jpg')
    }
    .slide-view6 {
      background-image: url('/img/slide/6.jpg')
    }

    .header-text {
      width: 139%;
      text-align: justify;
    }

    .fixed-height {
      height: 350px;
    }

    #services .text-white {
      height: 100%;
    }

    .navbar-brand img {
      width: 60px;
      margin-right: 12px;
    }
}

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

#intro {
  background: url('/img/buildings-bg.jpg') no-repeat center center ;
  background-size: cover;
  opacity: 0.5;

}

.hm-gradient {
  background: linear-gradient(to right, #8360c3, #2ebf91);
  /* background: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)); */
}

#services .card a {
    
}

.btn-black {
    margin: 0;
}