/* ==========================================================================
Hero
==========================================================================
.hero { background-image : none ; background-color: #fff;  ;   }

.hero h1 { font-size: 40px; letter-spacing: 12px; margin: 10px; }
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero strong {background-color: #0AD; padding:0 5px 0  5px;font-weight: normal}*/

.hero p {
  letter-spacing: 1px;
  font-size: 28pt;
  line-height: normal;
  color: #191919;
  margin-left: 30px;
  margin-right: 30px
}

.hero .container-fluid {
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.learn-more-btn {
  background: rgba(0, 170, 221, 1);
  padding: 20px 40px;
  margin-bottom: 80px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 0px 0px #309383;
  -moz-box-shadow: 0px 0px 0px 0px #309383;
  box-shadow: 0px 0px 0px 0px #309383;
  margin: 60px 0 0;
  font-weight: bold;
}

.learn-more-btn:hover, .learn-more-btn:focus {
  background: rgba(0, 170, 221, 0.6);
  color: #fff;
}

#hero-text {
  pointer-events: none;
}

/* ==========================================================================
Nav
==========================================================================
.navbar { min-height: 70px; border-radius: 0; margin-bottom:0;}
nav .navbar-brand  {color: #ddd;}
nav .navbar-brand:hover {color: #191919;}*/

p {
  color: #191919;
  font-size: 16px
}

.icon {
  background-color: #0AD;
}

.shadow {
  text-shadow: none
}

h2::after {
  border-color: #0AD;
}

.down-arrow-btn {
  background-color: #0AD;
}

.swag {
  background-image: none;
  background-color: #242830
}

.swag p {
  color: #fff
}

.swag h1 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
}

.client-logos {
filter: brightness(0) invert(1);
  height: 60px;
  padding-right: 50px
}
.client-logos:last-of-type {

  padding-right:0px;
}

.contact-details h2 span {
  display: block;
  color: #0ad;
}

.bbb {
  background: url('../img/oliver-westmancott-large.jpg') no-repeat center center;
  background-position: right;
  height: 100%;
}

.equal {
  display: flex;
}

.up-btn {
  background: rgba(00, 170, 221, 0.5)
}

.up-btn:hover {
  background: rgba(00, 170, 221, 1)
}
.light-box {
  padding:20px;
}

.light-box:hover, .light-box:focus {
  -webkit-box-shadow: 0px 3px 0px 0px #0AD;
  -moz-box-shadow: 0px 3px 0px 0px #0AD;
  box-shadow: 0px 3px 0px 0px #0AD;
}

.social-btn:hover {
  background-color: #0AD;
}

.navbar-custom {
  background-color: transparent;
  margin-bottom: 0;
  height: 70px;
  border-radius: 0px;
  z-index: 1000;
}

/* change the brand and text color */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text {
  color: #ddd;
}

.navbar-custom .navbar-brand:hover {
  color: #191919;
}

/* change the link color */

.navbar-custom .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .5);
}

/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link {
  color: #ffffff;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
    .hero p {
        font-size:18pt;
    }
    .icon {
      height: 130px;
  width: 130px;
  line-height: 130px;
    }
}

/* sm */
@media screen and (min-width: 768px) {
    .hero p {
        font-size: 28pt;
    }
    .icon {
      height: 150px;
  width: 150px;
  line-height: 150px;
    }
}

/* md */
@media screen and (min-width: 992px) {
    .hero p {
        font-size:28pt;
    }
}