html{
    scroll-behavior: smooth;
  }  
  
  .information3{
    margin:   120px  0 0 0;
    text-align: center;
   }
  
   .information3 h1{
    font-family: "Quicksand";
    font-weight: bold;
    color: rgb(0, 0, 0);
   }
  
   .information3 h3{
    font-family: "Quicksand";
    font-weight: bold;
    color: rgb(124, 120, 120);
   }


   .servicios{
    /*position: relative;
    bottom: 60px;  se reemplazo por el margin*/
    margin:   40px  0  60px 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;
  }


  .box1{
    width: 40%;
    border-radius: 5%;
    margin: 10px;
    box-sizing: border-box;
    font-family: "Quicksand";
  }
  
  .box1 h1{
    color: rgb(72, 145, 193);
    text-align: center;
    font-weight: bold;
  }
  
  .box1 h3{
    color: rgb(129, 127, 127);
    text-align: center;
    font-weight: bold;
  }
  
  .box1 p{
    color: rgb(0, 0, 0);
    text-align: left;
    
  }

  .box1 ol{
    color: rgb(0, 0, 0); 
    text-align: left;
    
  }
  
  .box1 img{
    width: 100%;
    margin-top: 8%;
   
  }
  
  /*responsive de informationn*/
  @media screen and (max-width:1200px)
  {
    .box1{ width: 60%;
    }
  }
  
  @media screen and (max-width:600px)
  {
    .box1{width: 90%;
    }
  }