@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);.bg-primary {
  color: #fff;
}

li.nav-item {
  padding-top: 5px;
  padding-right: 25px;
  font-size: 1rem;
}

li.breadcrumb-item > a {
  font-size: 0.9rem;
}

.navbar-brand {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}

.highlight {
  border-radius: 1rem 0;
  background-image: linear-gradient(-100deg, rgba(250, 246, 133, 0.3), rgba(250, 246, 133, 0.7) 95%, rgba(250, 246, 133, 0.1));
}

.footer-long {
  font-weight: 700;
  color: #fff;
}

.footer-long a {
  color: #fff;
  font-weight: normal;
  font-family: "Lato", sans-serif;
}

footer h6 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}

.form-row {
  padding-bottom: 15px;
}

.btn-radio {
  width: 100%;
}

.space-20 {
  margin-top: 20px;
}

input[type=checkbox].hidden {
  opacity: 0;
}

#onboard .active {
  background-color: #0a6483;
}

ol.onboard li {
  padding-bottom: 20px;
  font-size: 1.2rem;
}

.test-type img {
  padding-top: 10px;
}

.main-container {
  background-image: url("/images/wiggle.svg"), repeat-y;
}

.main-container h1 {
  font-weight: bold;
  font-size: 2.2rem;
}

.main-container a {
  font-size: 1.2rem;
}

.feature-list li .features {
  padding-bottom: 30px;
}

.zoom:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

p.steps {
  font-size: 1.0rem;
  line-height: 1.0rem;
  text-align: left;
}

a.test-types,
a.test-types:hover {
  color: #000;
}

.project-details .form-row {
  margin-bottom: 30px;
}

.form-row h4 {
  margin-bottom: 0;
  font-size: 0.9rem;
  font-weight: bold;
}

.form-row li {
  padding-bottom: 5px;
}

.test-types-front {
  margin-bottom: 0;
}

.bg-front {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

.blog p {
  font-size: 1.2rem;
}

.blog h3 {
  padding-top: 30px;
  font-size: 2rem;
  padding-bottom: 20px;
}

.blog-hero {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

ol {
  padding-top: 15px;
  padding-bottom: 15px;
}

ol > li {
  font-size: 1.2rem;
  padding-bottom: 10px;
}