.tabs .tab a{
            color:#ffffff;
        } /*Black color to the text*/

        .tabs .tab a:hover {
            background-color:#000;
            color:#000;
        } /*Text color on hover*/

        .tabs .tab a.active {
            background-color:#212121;
            color:#212121;
        } /*Background and text color when a tab is active*/

        .tabs .indicator {
            background-color:#B40404;
        } /*Color of underline*/

main {
    flex: 1 0 auto;
  }

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

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

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

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

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

.hm-gradient .full-bg-img {
  background: rgba(42, 27, 161, 0.7);
  background: linear-gradient(70deg, rgba(0, 0, 0, 0.8), rgba(200, 0, 0, 0.3) 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;
}