p {
  font-size: 1rem;
}

.header-dark {
  padding-bottom:80px;
  margin-top:60px;
  background-color:rgb(224, 222, 222);
}

.header-dark .hero {
  margin-top:35px;
}

.header-dark .hero h1 {
  color:rgb(71, 63, 63);
  font-size:40px;
  margin-top:80px;
  margin-bottom:80px;
}

.navbar .action-button, .navbar .action-button:active {
  background:#208f8f;
  border-radius:20px;
  font-size:inherit;
  color:#fff;
  box-shadow:none;
  border:none;
  text-shadow:none;
  padding:.5rem .8rem;
  transition:background-color 0.25s;
}

.navbar .action-button:hover {
  background:#269d9d;
}

.navbar .navbar-text{
  margin-right: 10px;
}

.content {
  margin-top:60px;
}

.highlight-blue {
  background-color:rgb(59,90,136);;
  padding:50px 0;
}

.footer-dark {
  padding:50px 0;
  color:#f0f9ff;
  background-color:#282d32;
}

.footer-dark h3 {
  color: rgba(255, 255, 255, 0.5);
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-dark li{
  color: rgba(255, 255, 255,0.6);
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-dark ul a {
  color: rgb(255, 255, 255);
  text-decoration:none;
  opacity:0.6;
}

.footer-dark ul a:hover {
  opacity:1;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.footer-dark .item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.footer-dark .copyright {
  color: rgb(255,255,255);
  text-align:center;
  padding-top:24px;
  opacity:0.6;
  font-size:13px;
  margin-bottom:0;
}



@media (min-width:768px) {
  .content {
    margin-top:60px;
  }
  .header-dark {
    padding-bottom:120px;
  }
  .header-dark .hero h1 {
    margin-bottom:50px;
    line-height:1.5;
  }
  .header-dark .hero {
    margin-top:60px;
  }
}