@media screen and (max-width: 770px) {

   h3 {

    font-size: 0.8rem;


  }

  
}

@media screen and (max-width: 450px) {

  .compahist h3 {

    font-size: 1rem;
    text-align: justify;

    padding-left: 1rem;
    padding-right: 1rem;
  }


}

.img-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }
  .hero-team {
    background: url(../img/company/hero.jpg);
    background-size: cover;
    width: 100%;
    height: 100vh;
  
    background-position: center;
    z-index:-1;
  }
  @media screen and (max-width: 450px) {
    .hero-team {
      height: 500px;
    }
}


.compahist{
letter-spacing: normal;
margin-left: 5.5rem;
margin-right: 5.5rem;
line-height:2px ;


}
.compahist, h2{
color: black;
font-weight: 50;
}

.center{
text-align: center;
}

.column {
    float: left;
    width: 33.33%;
    padding: 3px;
  }
  
  /* Clearfix (clear floats) */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  .img1{
    border-radius: 50%; 
    width: 410px;
    height: 380px;
  }


 
  @media screen and (max-width: 450px) {
    .img1{
      width:210px;
      height:180px;
    }
  }
  


  .align{
      justify-content: left;
      margin-left: none;
  }
 .company h4{
   font-size: 1.6rem;
   color: black;
   line-height: 35px;

 }
 @media screen and (max-width: 450px) {
  .company h4{
    font-size: 1rem;
    padding-left: 0rem;
    padding-right: 0rem;
    line-height: 20px!important;
  }

}