.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;
          background-attachment: none;
    }
}
.texto h4 {
  font-size: 1.5rem;
}
.container-fluid {
  width: 100%;
   padding-right: 0px;
   padding-left: 0px; 
   margin-right: 0px; 
   margin-left: 0px; 
}



.team-img{
    margin-top:2rem;
    
}


@media screen and (max-width: 450px) {
    .team-img {
      height: 400px;
      width: 100%;
      margin-top:1rem;
    }
}


}
@media screen and (max-width: 770px) {
   .texto h3 {
     font-size: 1.5rem;
   }
   .texto h4 {
     font-size: 1.5rem;
   }
 }
 
 @media screen and (max-width: 450px) {
    .texto h3 {
      font-size: 1rem;
      }
    .texto h4 {
      font-size: 1rem;
      }
    }


    .texto-big h4 {
      font-size: 1.9rem;
      
    }
    @media screen and (max-width: 450px) {
      .texto-big h4 {
        font-size: 1.2rem;
        text-align: justify;
        
      }
      }
      .litte-pad{
        margin-top: 3rem;
      }
      @media screen and (max-width: 450px) {
        .litte-pad{
          margin-top: 0.5rem;
        }
        }
 .value-bg{
    background-image: url(../img/team-com/map-oregon.png);
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 100%;
    width: 100%;
    height: 80vh;
   
 }
 @media screen and (max-width: 450px) {
  .value-bg {
    background-image: none;
    
  }
  }
 
 .values-letters{
    text-align: center;
 }
 .value-bg p{
  font-size: 1rem;
}
 .values-letters h5{
     font-size:1.8rem;
     color: #007700;
     font-weight: lighter;
     text-shadow: 2px 0 0 grey, -2px 0 0 grey, 0 2px 0 grey, 0 -2px 0 grey, 1px 1px grey, -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 black;

 }
 .values-letters h6{
    font-size:1.8rem;
    color: #ffbb00 ;
    font-weight: lighter;
    text-shadow: 2px 0 0 grey, -2px 0 0 grey, 0 2px 0 grey, 0 -2px 0 grey, 1px 1px grey, -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey;

}
.values-letters p{
  color: black;
  font-size: 1rem;
}
@media screen and (max-width: 770px) {
    .values-letters h5 {
      font-size: 2.2rem;
    }
    .values-letters h6 {
      font-size: 2.2rem;
    }
  }
  
  @media screen and (max-width: 450px) {
     .values-letters h5 {
       font-size: 1.5rem;
       }
     .values-letters h6 {
       font-size: 1.5rem;
       }
       .values-letters p {
        font-size: 1rem;
        }
        
     }

     .line-members {
      background-color: #ffcf00;
      height: 0.8rem;
      width: 20%;
      margin-top: 0rem;
      justify-self: center;
      margin-left: 40%
    }
    .asdf{
      margin-left: 2.5rem;
    }
    .asdf img{
      height: 70%;
      width: 85%;
      
    }
    .asdf h1{
      font-size:1.5rem;
      color: #007700;
      font-weight:bold;
   
    }
    .asdf h2{
      font-size:1.5rem;
      color: gray;
      font-weight:500;
     
    }
    @media screen and (max-width: 770px) {
      .asdf img{
        height: 280px;
        width: 78%;
        border-radius: 50%;
      }
      }
    @media screen and (max-width: 450px) {
      .asdf img{
        height: 180px;
        width: 75%;
        border-radius: 50%;
      }
      }

      /*MODAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL*/

    .modal-content .modal-body {
      padding: 0px 0px 0px !important; 
  }
      .modal-body{
        padding: 0;
      }
     .modal .row{
       padding: 0;
     }
      .modal-body p{
        color: black;
        font-weight: 600;
        font-size: 1.2rem;
        margin-right: 0rem;
      }
      .modal-img img{
        height: 120px;
        width: 200px;
        padding-top: 20px;
      }
      .container-text{
        padding: 2rem;
      }
 .center{
   align-content: center;
 }

 .pad{
   padding-left: 6rem;
   padding-right: 6rem;
 }
 @media screen and (max-width: 450px) {
  .pad{
    padding-left: 1rem;
    padding-right: 1rem;
    
  }
  .modal-img{
    display: none !important;
  }
  .values{
    padding-bottom: 120rem;
  }
  .asdf h1{
    font-size:1rem;
    color: #007700;
    font-weight:bold;
 
  }
  .asdf h2{
    font-size:1rem;
    color: gray;
    font-weight:500;
   
  }

  }