/* filosofia......... */
.filosofia__container{
  width: 100%;
  height: 70vh;
  background-image: url('../assets/img/insumos.jpg');
  background-size: cover;
}

.filosofia__backgorund_content{
  width: 100%;
  height: 100%;
  background-color: rgba(142, 142, 142, 0.3);
  display: flex;
  justify-content: flex-end;
}

.filosofia__text_content{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}


.filosofia__text_content h1{
  max-width: 70%;
  color: var(--white-color);
  font-family: IntroScriptR-H2Base;
  font-size: 65px;
  font-weight: 100;
}

.filosofia__text_content p{
  max-width: 70%;
  color: var(--white-color);
  font-size: 21px;
  font-weight: 100;
  font-family: FuturaLT-Book;
  margin-top: 10px;
}

.filosofia__text_content button{
  width: 180px;
  height: 60px;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  border: 2px solid var(--white-color);
  color: var(--white-color);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: FuturaLT-Book;
  cursor: pointer;
}

/* respopnsive */
@media (max-width: 900px) {
/* filosofia  responsive  */
  .filosofia__container{
    height: 100%;
  }

  .filosofia__backgorund_content{
    justify-content: flex-start;
  }

  .filosofia__text_content {
    width: 100%;
    height: 50vh;
    padding: 10px 30px;
  }

  .filosofia__text_content h1 {
    max-width: 100%;
    font-size: 50px;
  }

  .filosofia__text_content p{
    max-width: 80%;
    font-size: 18px;
  }

  .filosofia__text_content button{
    width: 160px;
    height: 50px;
    letter-spacing: 2px;
  }
}