.whatwedo_details{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;

}

.whatwedo_details_icon{
width:10%;
margin: 6% 0 -5% 7%;

}

.whatwedo_details_container{
width:80%;
/* margin: 0 0 20% 0; */
background-color: rgb(211, 68, 2);
display: flex;
flex-direction: column;
}

.subs_whatwedo_details{

  margin-left: -50%;
}

.whatwedo_details_container H1{
  color: beige;
  margin: 5% 8% 0 8%;
}

.whatwedo_details_container H2{
  line-height: 2.5vw;
  color: rgb(255, 224, 87);
  padding: 5% 8% 2% 8%;
}

.whatwedo_details_container p{
  font-weight: 400;
  color: rgb(29, 29, 29);
  padding: 0 8% 0 8%;
}

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

.whatwedo_details_container H1{
  font-size: 2rem;
  color: beige;
  margin: 5% 8% 0 8%;
}

.whatwedo_details_container H2{
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: rgb(255, 224, 87);
  padding: 5% 8% 2% 8%;
}

.whatwedo_details_container p{
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: rgb(29, 29, 29);
  padding: 0 8% 0 8%;
}

.subs_whatwedo_details{

  margin-left: -46%;
}

}

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

  .whatwedo_details_container H1{
    font-size: 1.8rem;
    color: beige;
    margin: 5% 8% 0 8%;
  }
  
  .whatwedo_details_container H2{
    font-size: 1rem;
    line-height: 1.8rem;
    color: rgb(255, 224, 87);
    padding: 5% 8% 2% 8%;
  }
  
  .whatwedo_details_container p{
    font-size: .8rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: rgb(29, 29, 29);
    padding: 0 8% 0 8%;
  }

  .subs_whatwedo_details{

    margin-left: -40%;
  }
}