#intro {
  background: url('../img/blue-grey1.jpg') no-repeat center center !important;

  background-size: cover;
}

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

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

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

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

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

#pricing .lead {
  opacity: 0.7;
}

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

#client .carousel-indicators li {
  background-color: #9e9e9e !important;
}

#client .carousel-indicators .active {
  background-color: #3f51b5 !important;
}

#contact .md-form input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #2BBBAD;
  -webkit-box-shadow: 0 1px 0 0 #2BBBAD;
  box-shadow: 0 1px 0 0 #2BBBAD;
}

#contact .md-form input[type=text]:focus:not([readonly]) + label {
  color: #2BBBAD;
}

#contact .md-form textarea:focus:not([readonly]) {
  border-bottom: 1px solid #2BBBAD;
  -webkit-box-shadow: 0 1px 0 0 #2BBBAD;
  box-shadow: 0 1px 0 0 #2BBBAD;
}

#contact .md-form textarea:focus:not([readonly]) + label {
  color: #2BBBAD;
}

.img-fluid1 {
  
  max-height: 60px;
  max-width: 100%;
}

.img-fluid2 {
  
  max-height: 30px;
 
}

@media (max-width: 767px) {
        /*xs*/
        .btn {
           padding: 0.67rem 1.80rem;
            font-size: 0.50rem;
           line-height: 0.7rem;
            border-radius: 0.4rem;
            white-space: nowrap;
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
        /*sm*/
        .btn {
            padding: 0.75rem 1.90rem;
            line-height: 0.9rem;
           font-size: 0.62rem; 
            border-radius: 0.6rem;
            white-space: nowrap;
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
        /*md*/
        .btn {
           padding: 0.80rem 2rem;
            font-size: 0.72rem;
            line-height: 1.2rem;
            border-radius: 0.12rem;
            white-space: nowrap;
        }
    }
@media (min-width: 1200px) {
        /*lg*/
        .btn {
            padding: 0.84rem 2.14rem;
            font-size: 0.81rem;
            line-height: 1.3rem;
            border-radius: 0.15rem;
            white-space: nowrap;
        }
    }