body {
    font-family: 'Roboto';
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
  }
}        
        
        
/* Background container */
.background-container-about{
background-image: url('../images/banner/about_bg.jpg');
background-size: cover;
background-position: center;
height: 100vh;
position: relative;
}

#topbar li.nav-item a{
color:#736866;    
}

.mb10{
margin-bottom: 10px;    
}

.mtb10{
margin-top: 10px; 
margin-bottom: 10px;    
}

.mb20{
margin-bottom: 10px;    
}

.mtb20{
margin-top: 20px; 
margin-bottom: 20px;    
}


.mb70{
margin-bottom: 70px;    
}

.mtb70{
margin-top: 70px; 
margin-bottom: 70px;    
}


.about-heading  {
color: #55595c;
  margin-top: -28px;
  opacity: 0.7;
  background: #fff;
  border-radius: 0 5px 5px 0;
  padding-left: 90px;
  padding-right: 40px;
  font-size: 50px;
  font-weight: bold;
 }

img.vision{
   width: 100%;
   float:left;    
 }
 
.btn-learnmore{
margin-top: 15px;
width: 50%;  
margin-left: 25%;
}

.btn-ceo{
width: 60%;  
margin-left: -10px;
margin-bottom: 70px;
}

.team-desc {
  text-align:center;  
     color:#736866;    
}

.team-desc h1{
   font-size:22px;
   font-weight:bold;  
}

.team-desc h2{
     font-size:18px  
}

 /*
.readmore-container {
position: absolute;
top: 45%;
left: 7%;
transform: translate(0, -50%);
max-width: 90%;            
}

.readmore-container h1{
margin-bottom:20px;   
font-size: 36px; 
line-height:45px;        
}

 
.btn-container {
    position: absolute;
    top: 30%;
    right: 0;
    transform: translate(0, -50%);
    max-width: 90%;
}



 a.btncar:hover{
opacity:0.7;
}       
*/
               

@keyframes fadestyle {
  from {opacity: .4} 
  to {opacity: 1}
}