/* temporary */




.nav-link{
	font-size: .9rem;
}

/*Birdeye*/
.reviews{
	background-color: #2B7AB0;
	color: white;
}

.reviews .progress-bar {
    background-color: #16284C;
}

.reviews .text-blue{
	color: white!important;
}

.reviews .text-muted{
	color: white!important;
}

.reviews a{
	color: #16284C;
}

.reviews .btn{
	color: white;
}
	
#birdeye .table th {
	color: white;
}

/*End Birdeye*/



/* hero update */
.mobile-margin {
  margin: 15px;
}
.hero-drape {
  width: 200px; 
  border-radius: 25px; 
  background-color:#FFFFFF; 
  background-size: cover;
  no-repeat 50%; 
  opacity: 0.85;
}
.hero-headtext {
  font-size: 24px;
  font-weight:bold;
  text-align:center;
}
.hero-subheadtext {
  font-size: 18px;
  text-align:center;
}
.hero-icons2 {
    position: absolute;
    bottom: 330px;
    width: 100%;
    right: 0;
}
.hero-icons2 img {
    max-width: 80px;
    padding: 5px;
    background: white;
    border-radius: 99em;
}
.hero-icons2 img.icon-kelly {
    max-width: 90px;
    bottom: 0px;
    left: -52px;
  }
.hero-icons2 img.top-percent2 {
    max-width: 65px;
    bottom: 0px;
    left: -20px;
  }
@media (min-width: 576px) {
    .hero-drape {
    with: 250px; 
    border-radius: 25px; 
    background-color:#FFFFFF; 
    background-size: cover;
    no-repeat 50%; 
    opacity: 0.85;
  }
  .hero-headtext {
  font-size: 18px;
  font-weight:bold;
  text-align:center;
  } 
 .hero-subheadtext {
  font-size: 14px;
  text-align:center;
  }
  .hero-icons2 {
    right: auto;
    left: -100px;
    height: 175px;
    bottom: 15px;
  }
  .hero-icons2 img {
    position: absolute;
    bottom: 0;
    padding: 5px;
    max-width: 100px;
  }
  .hero-icons2 img.icon-kelly {
    max-width: 100px;
    bottom: 50px;
    left: 40px;
  }
    .hero-icons2 img.top-percent2 {
    max-width: 40px;
    bottom: 40px;
    left: 35px;
  }
}
  @media (min-width: 768px) {
    .hero-drape {
    with: 270px; 
    border-radius: 25px; 
    background-color:#FFFFFF; 
    background-size: cover;
    no-repeat 50%; 
    opacity: 0.85;
  }
    .hero-headtext {
    font-size: 22px;
    font-weight:bold;
    text-align:center;
  }
    .hero-subheadtext {
    font-size: 18px;
    text-align:center;
  }
    .hero-icons2 {
    right: auto;
    left: 0px;
    height: 175px;
    bottom: 55px;
  }
  .hero-icons2 img {
    position: absolute;
    bottom: 0;
    padding: 5px;
    max-width: 80px;
  }
  .hero-icons2 img.icon-kelly {
    max-width: 125px;
    bottom: -15px;
    left: -60px;
  }
    .hero-icons2 img.top-percent2 {
    max-width: 50px;
    bottom: -30px;
    left: -60px;
  }
} 
  @media (min-width: 992px) {
    .hero-drape {
    with: 170px; 
    border-radius: 25px; 
    background-color:#FFFFFF; 
    background-size: cover;
    no-repeat 50%; 
    opacity: 0.85;
  }
    
    .hero-icons2 img.icon-kelly {
    max-width: 150px;
    bottom: -30px;
    left: -60px;
  }
    .hero-icons2 img.top-percent2 {
    max-width: 60px;
    bottom: -50px;
    left: -70px;
  }
    .hero-headtext {
    font-size: 24px;
    font-weight:bold;
    text-align:center;
  }
    .hero-subheadtext {
    font-size: 18px;
    text-align:center;
  }
}
  @media (min-width: 1200px) {
    .hero-drape {
    with: 200px; 
    border-radius: 25px; 
    background-color:#FFFFFF; 
    background-size: cover;
    no-repeat 50%; 
    opacity: 0.85;
  }
    .hero-icons2 img.icon-kelly {
    max-width: 180px;
    bottom: -40px;
    left: -10px;
  }
    .hero-icons2 img.top-percent2 {
    max-width: 70px;
    bottom: -60px;
    left: -25px;
  }
    .hero-headtext {
    font-size: 28px;
    font-weight:bold;
    text-align:center;
  }
    .hero-subheadtext {
    font-size: 22px;
    text-align:center;
  }
}