.main-image {
  background-image: url("/nc_assets/img/images/DentalChair.jpg");  
  padding-bottom: 80px; 
  padding: 30px 15px;
  margin-bottom: 30px; 
  background-position: bottom center;      
}

  .main-image p {
    color: #d9ccee;
    max-width: 75%;
    margin: 1em auto 2em; 
  }
  
  .main-image .lang-logo {
    display: block;
    background: #B01302;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: auto;
    border: 2px solid white; 
  }

  .main-image .lang-logo img {
    max-width: 100%; 
  }

  .main-image .h1, .main-image h1 {
    margin-top: 40px;
  }

    .chat{
      position: fixed;
      bottom: 15px;
      right: 15px;
      cursor: pointer;
      z-index: 99999999;
      background-color: #343a40;
      color: #fff;
      padding: 8px;
      border-radius: 5px;
    }
    
    .chat a{
      color: #fff;
    }

@media screen and (min-width: 768px){
  .main-image .h1, .main-image h1 {
      font-size: 63px;
  }
  .main-image {
    padding: 248px 0;
  }

  .carousel {
    width: 75% !important;
    height: 75% !important;
  }
} 

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
    
.user-interactions{
    display: flex;
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translateY(-50%);
}

.contact-us{
  background-image: url("/nc_assets/img/images/contactus.jpg");
  color: white;
  padding-bottom: 80px;
  background-position: top center;
}

.contact-us a{
  color: white; 
}

.about-us{
  background-image: url("/nc_assets/img/images/tristate.jpg");
  color: white;
  padding-bottom: 80px;
  background-position: left; 
  background-repeat: no-repeat; 
}

.about{
  background-image: radial-gradient(circle at top right,#210b00 10%,rgba(33,25,21,0) 100%)!important;
}

.card{
  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 28%);
  border-radius: 10px;
}

footer{
  color: #fff;
  background-color: #343a40;
}

footer a{
  color: #fff; 
}

@media screen and (max-width: 767px){
  .main-image {
    background-position: center;      
  }
  
  .about-us{    
    background-position: bottom;   
  }

  .contact-us{
    background-position: right bottom;   
  }
  .contact-section{
    float: right;   
  }

  .contact h1{
    font-size: 2rem;
  }
  
  .user-interactions{
    top: 10%;
  }

}