video {
  width: 100%;
  height: auto;
}


#intro {
  background: url("../img/blue-grey.jpg") no-repeat center center;
  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;
}

#about{
  /*font-family: "Comic Sans MS", cursive, sans-serif;*/
  font-family: Georgia, serif;
}
