html {
  scroll-behavior: smooth; }

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

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

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

@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; } }

#services .lead {
  opacity: 0.7; }

#services .card-image {
  background: url("../img/service-models1.png") no-repeat center center; }

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


#languages {
    margin-top: 5px;
    margin-left: 10px;
}

#languages a {
    margin-right: 5px;
}


@media (min-width: 768px) {
    .col-custom {
        div.h5 {
            min-height: 50px
        }
    }
}

@media (min-width: 1600px) {
    .col-custom {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        div.h5 {
            min-height: 100px
        }
    }
}

.card-body {
    min-height: 200px;
}

@media (min-width: 992px) {
    .card-body {
        min-height: 300px;
    }
    div.h5 {
        min-height: 50px;
    }
}

@media (min-width: 1200px) {
    .card-body {
        min-height: 480px;
        div.h5 {
            min-height: 75px;
        }
    }
}