@charset "utf-8";


*{
     margin:0px;
     padding:0px;
}


html,body{
    width:100vw;
    height:100vh;
    box-sizing:border-box;
}


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

    .section__containerheader__container{
        background-image:url(background_mobile.png);
        background-size:cover;
        height:100rem;
        
    }

    

  .header__content{
    padding-top:9rem;
    
  }

  .texto1 h1 {
    margin-left: 0px;
    padding-top: 100px;
    padding-bottom: 0px;
    font-size: 3.75rem;
    font-weight: 500;
    color: white;
    text-align: center;
  }

  .header__content2 h1 {
    font-size: 60px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    font-weight: 500;
    color: rgb(241, 241, 132);
    text-align: center;
  }

    

    .header__container {
        display: none;
        overflow: hidden;
      }


      .header__content .section__subheader {
        padding-top: 10px;
        font-size: 1.2rem;
        color: var(--primary-color);
      }
    

    .about_problem_container{
      float: none;
      width: 100vw;
      height: 30rem;
      padding-top:1rem;
      
    }

    .about_problem_title{
        text-align:center;
        padding-left: 8rem;
        padding-right:9rem;
        padding-top:1rem;
        font-size:2rem;


    }

    .about_problem_descrption{
        padding-left: 3rem;
        padding-right:3rem;
        text-align:justify;
        padding-top:1rem;
      
      }

      .about_problem_descrption2{
        padding-left: 3rem;
        padding-right:3rem;
        text-align:justify;
        padding-top:3rem;
      }

      .element1{
        display:none;
      }

      .test{
        background-image: url(background.png);
        height:72rem;
        background-size: cover;
        width:100vw;
      }

      --WHAT DO WE DO
    
      .our_work_text{
        background-color:#F2F2F2;
        width:100vw;
        padding-top:14rem;
        padding-left:5rem;
        text-align:center;
      }

      .our_work_div{
        float:none;
        width: 100%;
        height: 80rem;
        background-color: white;
        padding-top:5rem;
        padding-left:0rem;
      }
      
      #our_work_id{
        display:none;
      }

      .our_work_sub_div{
        padding-top:10rem;
        padding-left:0rem;
        padding-right:0rem;
        text-align:center;
        height:30rem;
      }

      .our_work_text1{
        font-size:0.9rem;
      }

      .our_work_text2{
        font-size:2rem;
        padding-top:0.9rem;
       
      }
      
      .our_work_text3{
        padding-top:1rem;
        font-size:1.1rem;
        padding-left:3rem;
        padding-right:3rem;
        text-align:justify;
      }
 
     .img_test{
        display:none;
     }
        .our_work_img{
            display:block;
            height:25rem;
            padding-bottom:3rem;
        }
     }